CSS text-align-last Property
Example
Align the last line of a <p> element to the right:
p
{
text-align: justify;
-moz-text-align-last: right;
/* Code for Firefox */
text-align-last: right;
}
Try it yourself »
Definition and Usage
The text-align-last property specifies how to align the last line of a text.
Note: The text-align-last property will only work for elements with the text-align property set to "justify".
Default value: | auto |
---|---|
Inherited: | yes |
Animatable: | no. Read about animatable |
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.
Numbers followed by -moz- specify the first version that worked with a prefix.
Property | ||||||
---|---|---|---|---|---|---|
text-align-last | 47.0 | 12.0 | 5.5 | 12.0 -moz- | Not supported | 34.0 |
Note: In Internet Explorer, the "start" and "end" values are not supported.
CSS Syntax
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Property Values
Value | Description | Play it |
---|---|---|
auto | Default value. The last line is justified and aligned left | Play it » |
left | The last line is aligned to the left | Play it » |
right | The last line is aligned to the right | Play it » |
center | The last line is center-aligned | Play it » |
justify | The last line is justified as the rest of the lines | Play it » |
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) | Play it » |
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) | Play it » |
initial | Sets this property to its default value. Read about initial | Play it » |
inherit | Inherits this property from its parent element. Read about inherit |
Related Pages
CSS tutorial: CSS Text
HTML DOM reference: textAlignLast property