text-align-last

The text-align-last property designates how the last line of a text should be aligned.

Syntax

When applied to an element, the text-align-last property sets the alignment for all last lines within the element.

div.al {
  text-align-last: right;
}

Values

auto
Default value. The last line is aligned left and justified.

left
The last line is aligned left.

right
The last line is aligned right.

center
The last line is center-aligned.

justify
The last line is justified the same as the rest of the lines.

start
The last line is aligned at the beginning of the line, whether text-direction is left-to-right or right-to-left.

end
The last line is aligned at the end of the line, whether text-direction is left-to-right or right-to-left.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of text-align-last? Submit a codepen.io demo and we'll showcase it here ↴