


Next, create a child div that uses display: inline-block to adapt to the width of its children and text-align: left to make the content it holds align to the left as desired. Text Alignment Left (text-align: left) - aligns the text to the left Right (text-align: right) - aligns the text to the right Center (text-align: center).
For example:You have learned how different value works. Then you need to apply the text-justify property to select the method of justification. The text-justify property in CSS is a companion to the text-align property that is used to set the justification method of text when text-align is set to the justify value. The text-align property is used to specify how inline content should be aligned within a block. If you want to justify a text paragraph on your web page, first of all, you need to apply the text-align property with the justify value so that the next property becomes effective.
