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 | 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