CSS text-align

The CSS text-align property is used to horizontally align text within an element. This property can be applied to block elements like <div>, <p>, <h1>, etc.

The possible values for the text-align property are:

left: Aligns the text to the left of the container.
right: Aligns the text to the right of the container.
center: Centers the text within the container.
justify: Stretches the lines so that each line has equal width, except for the last line.

Let's see some examples:

Result:


    <p style="text-align: left;">This text is aligned to the left.</p>
    
    <p style="text-align: center;">This text is centered.</p>
    
    <p style="text-align: right;">This text is aligned to the right.</p>
    
    <p style="text-align: justify;">This text is justified.</p>

This text is aligned to the left.

This text is centered.

This text is aligned to the right.

This text is justified.