When testing this example, you should see that all lines of the text within the paragraph line up on the left and the right side. Suspendisse a lectus mattis, consequat mi vitae, tristique ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This layout is very commonly seen in newspapers and magazines and is usually implemented to improve readability. Use this option, the browser will try to make all lines of text within the element the same length, usually by adjusting the amount of space between each Align justifyīesides the ability to align text to the left, center or right, the text-align property comes with a possible value called justify. Text, since this is inherited from the parent element, as illustrated with this example: Īs you can see, we specifically instruct the second div element to use left alignment - if we didn't do that, the text in this element would be centered,īecause it inherits it from the parent div element. You may also need it to revert to left aligned Left is the default, so we may as well omit that, but I have included it in the example for consistency. The most commonly used ones allow you to adjust the text to the left, the right or the center. This is done using the text-align property, which has

In CSS, you can control the alignment of text much like you can in a word processor like MS Word. On the Home tab, under Paragraph, click Distributed Text. The last line in the paragraph is distributed as well.Ĭlick anywhere in the paragraph where you want to distribute text.

When you distribute text, space is added between characters so that both edges of each line are aligned with both margins. On the Home tab, under Paragraph, click Justify Text. The last line in the paragraph is aligned left.Ĭlick anywhere in the paragraph that you want to justify. When you justify text, space is added between words so that both edges of each line are aligned with both margins. On the Home tab, under Paragraph, do one of the following: Upgrade now Align text left, center, or rightĬlick anywhere in the paragraph that you want to align. Upgrade to Microsoft 365 to work anywhere from any device and continue to receive support. Important: Office for Mac 2011 is no longer supported.

Left justify text css