CSS TEXT-ALIGN-LAST

  • Share
  • Share

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.

Examples

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.