CSS3 Examples

CSS TEXT-ALIGN-LAST

Written by jon on 8:13 AM This property can be used in conjunction with the ‘text-align’ property, but the value specified overrides the effects of that property on the horizontal alignment of the last or only rendered line of an element.

Example

div { text-align: justify; text-align-last: right} <div STYLE=”text-align: justify; text-align-last: right”>this div text is double justified, and the last (or only) line should be right-aligned</div>

Possible Values

Value Description left Left aligns the content on the last or only rendered line of the element. right Right aligns the content on the last or only rendered line of the element. center Center aligns the content on the last or only rendered line of the element. inherit Explicitly sets the value of this property to that of the parent. auto Text content on the last line is aligned according to the value of the ‘text-align' property, the default text-alignment for the block or its inherited ‘text-align' value. justify Applies double text justification to the content on the last or only rendered line of the element.