How to Justify the Text using CSS

In this example, we will see how to justify the text using CSS. We can use the text-align property to specify the alignment of a text in the container.

Prerequisites

• CSS text-align property

Example

HTML

<div class="container">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, modi quo. Ad, quia
            aut tenetur corporis nobis, magni aliquam eaque ipsa reprehenderit culpa enim qui, sunt ullam nemo magnam
            accusamus!
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia quod earum quos sunt, odio non ad debitis
            alias animi minima repudiandae facilis placeat molestiae veniam ducimus reprehenderit vero quas iste.
    </div>

CSS

.container {
            width: 300px;
            border: 1px solid black;
            text-align: justify;
        }

Output

Here, we specified width: 300px to set the width of the container to 300px and set a border using border: 1px solid black, and then we used text-align: justify to justify the text in a container.

Conclusion

In this example, we learned how to justify the text using CSS. We used the text-align: justify property to justify the text in a container.