CSStext-align-last Property

Example

Align the last line of text in three <div> elements:

div.a{
text-align: justify; /* For Edge */
text-align-last: right;
}

div.b{
text-align: justify; /* For Edge */
text-align-last: center;
}

div.c{
text-align: justify; /* For Edge */
text-align-last: justify;
}

Try it Yourself »

More "Try it Yourself" examples below.

Definition and Usage

Thetext-align-last property specifies how to align the last line of a text.

Notice that thetext-align-last property sets the alignment for all last lines within the selected element. So, if you have a <div> with three paragraphs in it,text-align-last will apply to the last line of EACH of the paragraphs. To usetext-align-last on only the last paragraph in the container, you can use :last child, see example below.

Note: In Edge prior 79, thetext-align-last property only works on text that has "text-align: justify".

Show demo ❯

Default value:	auto
Inherited:	yes
Animatable:	no.Read aboutanimatable
Version:	CSS3
JavaScript syntax:	object.style.textAlignLast="right"Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
text-align-last	47	12	49.0	16	34

CSS Syntax

Property Values

Value	Description	Play it
auto	Default value. The last line is justified and aligned left	Demo ❯
left	The last line is aligned to the left	Demo ❯
right	The last line is aligned to the right	Demo ❯
center	The last line is center-aligned	Demo ❯
justify	The last line is justified as the rest of the lines	Demo ❯
start	The last line is aligned at the beginning of the line (left if the text-direction is left-to-right, and right is the text-direction is right-to-left)	Demo ❯
end	The last line is aligned at the end of the line (right if the text-direction is left-to-right, and left is the text-direction is right-to-left)	Demo ❯
initial	Sets this property to its default value.Read aboutinitial
inherit	Inherits this property from its parent element.Read aboutinherit