You have learned how different value works, so use your value wisely to get the text CSS justified the expected result. Then you need to apply the text-justify property to select the method of justification. In the text with a vertical writing-mode set, we can then use values of left or right to make the underline appear on the left or right of the text as required. In the horizontal text we use text-underline-position: under to put the underline below all the descenders. So, the text-justify property will only work if the text-align property is already applied on the text with a justified. On the other hand, the CSS text-justify property is supposed to select the method of justification. 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. In this example we set both the paragraphs to have a thick underline. The text-align property is supposed to set the alignment of the text, whether it could be left, right, center, or justified. If the text-align properties are not used or set with other alignment types other than justified, this property will not work. Remember one thing that the text-justify will only be efficient if the text-align property has been used and set as justified. When the text is aligned to justify, you will need a tool to apply some specific justification over the content.ĬSS provides text-justify property to select the justification method for the text content when the text-align property is set to justify. For that, the text-align property is used to align the text. What Is the Difference Between Text-Align and Text-Justify?ĬSS justify takes the content on web pages in the text and makes it aligned and justified while giving it a good shape.Values for Text-Justify: Auto, Inter-Word, Inter-Character, None.