The text-align property is fairly well known in the world of CSS, even among those just starting out with the language. Values such as
right are used often with this property, but a more forgotten option is
What does justify do?
The MDN web docs define the
justify value for
text-align as such:
The inline contents are justified. Text should be spaced to line up its left and right edges to the left and right edges of the line box, except for the last line.MDN web docs
See it in action
When should I use this?
It isn’t always appropriate to use
justify in most instances, although it becomes very useful for long form articles or blog posts. Since it takes a heavy influence from original print book layouts, the
justify value helps improve readability for larger chunks of content.
Fair warning: it is best to remove any
justify values when targeting smaller screen sizes. Mobile devices and/or tablets tend to be small enough to break up the content already. This CSS value is better suited for larger viewports.
The good news is that all major browsers support the
justify value for the
text-align CSS property. So have some worry-free fun with it!
Leave a comment
To make a comment, please send an e-mail using the button below. Your e-mail address won't be shared and will be deleted from my records after the comment is published. If you don't want your real name to be credited alongside your comment, please specify the name you would like to use. If you would like your name to link to a specific URL, please share that as well. Thank you.
Comment via email