7.2 Last Line Alignment: the ‘text-align-last’ property

Chapter 7 - Alignment and Justification - 7.2 Last Line Alignment: the ‘text-align-last’ property

Go to the relevant page of the specification.

text-align-last-001
text-align-last - start (basic)
The 'text-align-last' property set to 'start' on a block element aligns the last line text to the start edge.
text-align-last-002
text-align-last - end (basic)
The 'text-align-last' property set to 'right' on a block element aligns the last line text to the end edge.
text-align-last-003
text-align-last - left (basic)
The 'text-align-last' property set to 'left' on a block element aligns the last line text to the left.
text-align-last-004
text-align-last - right (basic)
The 'text-align-last' property set to 'right' on a block element aligns the last line text to the right.
text-align-last-005
text-align-last - center (basic)
The 'text-align-last' property set to 'center' on a block element aligns the last line text to the center.
text-align-last-006
text-align-last - justify (basic)
The 'text-align-last' property set to 'justify' on a block element aligns the last line text to both left and right edges
text-align-last-007
text-align-last - auto and text-align - right
The 'text-align-last' property set to 'auto' on a block element aligns the last line text to the right when text-align set 'right'.
text-align-last-008
text-align-last - auto and text-align - end
The 'text-align-last' property set to 'auto' on a block element aligns the last line text to the right when text-align set 'end'.
text-align-last-009
text-align-last - auto and text-align - center
The 'text-align-last' property set to 'auto' on a block element aligns the last line text to the center when text-align set 'center'.
text-align-last-010
text-align-last - right(one line inside block element)
The 'text-align-last' property set to 'right' on a block element aligns the only one line text to the right.
text-align-last-011
text-align-last - end(one line inside block element)
The 'text-align-last' property set to 'end' on a block element aligns the only one line text to the right.
text-align-last-012
text-align-last - center(one line inside block element)
The 'text-align-last' property set to 'center' on a block element aligns the only one line text to the center.
text-align-last-013
text-align-last applied to "display: inline" div element
Test checks that the 'text-align-last' property is invalid if the container element is not block element.
text-align-last-014
text-align-last applied to "display: block" span element
Test checks that the 'text-align-last' property is valid if the span element set 'display: block'.