🎯 CSS text-align-last Property (Last Line Alignment)

The text-align-last property in CSS defines how the last line of a text block is aligned.

It allows you to control only the final line of a paragraph, even when the rest of the text is justified.

This is useful for improving readability and visual balance in long text layouts.

The text-align property controls the alignment of the entire paragraph.

But sometimes the last line looks visually unbalanced — that is where text-align-last is used.

It allows you to apply a different alignment only to the last line.

p {
  text-align: justify;
  text-align-last: center;
}
                

➡️ In this example, the paragraph is justified, but the last line is centered.

p {
  text-align: justify;
  text-align-last: right;
}
                

➡️ Here, the last line is aligned to the right while the rest stays justified.

The browser automatically decides the alignment.

Aligns the last line to the left side.

Aligns the last line to the right side.

Centers the last line horizontally.

Justifies the last line as well.

Aligns based on writing direction (LTR or RTL).