On the other hand, we can apply width and height properties to block-level elements but the problem is that they cannot be placed side by side. The important thing to understand before using this method is to see whether the element is a block-level element (like, ) or an inline one (, ).įirst of all, you can use inline HTML elements and they will be automatically positioned side by side, but the restriction of inline elements is that width & height properties cannot be applied to them. This method is a simple and classic CSS technique for positioning elements side by side. Click the 'Single Word Justification' drop-down menu and select the justification method for paragraphs containing a single word.The first way you can use is the display: inline-block method. 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 sides