How to Justify Text in HTML with CSS

While it's not very common to see web pages these days use justified text, some websites that publish research, scientific articles, studies, etc., may employ it. Presenting paragraph text in a justified manner can be a way to give a more formal and distinctive impression compared to the rest of web pages.

Personally, I wouldn't recommend any website to justify their content. In this article, you have an explanation of why this is generally not a good idea. Link to the article

Justify Text with text-align: justify;

The property we should use to justify text is text-align followed by the value justify, as in the following example:

Example with all paragraphs justified.

Justify text directly in HTML using inline styles

Although using inline styles is not the recommended way to insert CSS in HTML, it is necessary to know how to do it because sometimes we must resort to this method.

Justifying text with the deprecated HTML align attribute

While researching to write this post, I found some articles on forums and other pages where they used the HTML align attribute to justify the text, as in the following examples:

Needless to say, the align attribute should no longer be used as it is obsolete, and there are methods like the ones mentioned earlier that are the current standards.