Text Using This Method:Ī paragraph tag (p) and a header (h1) are used above just as examples. Tested in IE6, IE7, IE8, FF, Safari, Chrome Regular Justified Text vs. (This method is also useful if you want to justify just one line of text such as in a heading.) Following is a cross-browser method you can use which will work in IE6+ in addition to popular modern browsers. This is the desired behavior in most instances but for some layouts you may want to justify the last line as text as well.

Normally if you use CSS to justify text, the last line of text is aligned left rather than justified as on other lines. Click the 'Single Word Justification' drop-down menu and select the justification method for paragraphs containing a single word.UPDATE: Just posted a new simplified technique but unfortunately it only works in Firefox so far, not Chrome: Glyph spacing is set to 100 percent to keep characters at their normal sizes. Letter spacing is set to zero to prevent spaces from occurring in words. By default, the word spacing range is set from 80 to 133 percent, which allows justification to affect the spacing between words but keep normal spacing if possible. There are four full justification buttons the differences between them is the alignment set for the last line.Ĭlick the flyout menu in the upper-right corner of the Paragraph panel and select 'Justification' to open the Justification panel.Įnter minimum, desired and maximum values for word and letter spacing. These buttons align text left, right, center or with full justification. Click the 'Text' menu and choose 'Paragraph' to open the Paragraph panel.Ĭlick one of the seven justification buttons at the top of the Paragraph panel.

How to justify text in html paragraph