16.2 Alignment: the 'text-align' property

Chapter 16 - Text - 16.2 Alignment: the 'text-align' property

Go to the relevant page of the specification.

bidi-list-001
direction:rtl - unordered list
direction:rtl should apply to unordered lists, putting bullets on the right
bidi-list-002
direction:rtl - nested unordered list
direction:rtl should apply to nested unordered lists, putting bullets on the right and offset leftwards
bidi-list-003
direction:rtl - ordered list
direction:rtl should apply to nested ordered lists, putting bullets on the right and offset leftwards
bidi-list-004
text-align: justify and direction:rtl - unordered list
text-align: justify should apply to unordered lists in rtl context without affecting their rtlness
bidi-list-005
text-align: left and direction:rtl - unordered list
text-align:left should be applied to unordered list in rtl context without affecting its rtlness
bidi-list-006
text-align: right and direction:rtl - unordered list
text-align:right should be applied to unordered list in rtl context without affecting its rtlness
bidi-list-007
text-align: center and direction:rtl - unordered list
text-align: center should apply to unordered lists in rtl context without affecting their rtlness
bidi-position-fixed-001
position:fixed in rtl context
Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow
c414-flt-fit-005
Non-Replaced Float Not Fitting Beside Opposite Float
c43-center-000 (ahem, image)
Replaced Elements
c546-txt-align-000
text-align
c5502-mrgn-r-000 (ahem, image)
margin-right
c5504-mrgn-l-000 (ahem, image)
margin-left
c5507-padn-r-000 (ahem, image)
padding-right
c5507-padn-r-001 (ahem)
padding-right
c5509-padn-l-000 (ahem, image)
padding-left
c5509-padn-l-001 (ahem)
padding-left
outline-019 (ahem, interact)
outline - text-align
The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.
outline-020 (ahem, interact)
outline - text-align
The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.
text-align-001
Text-align set to 'left'
The 'text-align' property set to 'left' on a block element aligns the text to the left.
text-align-002
Text-align set to 'right'
The 'text-align' property set to 'right' on a block element aligns the text to the right.
text-align-003
Text-align set to 'center'
The 'text-align' property set to 'center' on a block element aligns the text in the center.
text-align-004
Text-align set to 'justify'
Text-align justify on a block element aligns the text on both the left and right sides.
text-align-005
Text-align set to 'inherit'
The 'text-align' property set to a value of 'inherit' correctly inherits its value from the parent element.
text-align-applies-to-001
Text-align application on a 'display: inline' element
The 'text-align' property is not applied to 'display: inline' element.
text-align-applies-to-002
Text-align application on a 'display: block' element
The 'text-align' property is applied to 'display: block' elements.
text-align-applies-to-003
Text-align application on a 'display: list-item' element
The 'text-align' property is applied to 'display: list-item' elements.
text-align-applies-to-005
Text-align application on a 'display: inline-block' element
The 'text-align' property is applied to 'display: inline-block' elements.
text-align-applies-to-006
Text-align application on a 'display: table' element
The 'text-align' property is applied to 'display: table' elements.
text-align-applies-to-007
Text-align application on a 'display: inline-table' element
The 'text-align' property is applied to 'display: inline-table' elements.
text-align-applies-to-008
Text-align application on a 'display: table-row-group' element
The 'text-align' property is applied to 'display: table-row-group' elements.
text-align-applies-to-009
Text-align application on a 'display: table-header-group' element
The 'text-align' property is applied to 'display: table-header-group' elements.
text-align-applies-to-010
Text-align application on a 'display: table-footer-group' element
The 'text-align' property is applied to 'display: table-footer-group' elements.
text-align-applies-to-011
Text-align application on a 'display: table-row' element
The 'text-align' property is applied to 'display: table-row' elements.
text-align-applies-to-012
Text-align application on a 'display: table-column-group' element
The 'text-align' property is not applied to a 'display: table-column-group' element.
text-align-applies-to-013
Text-align application on a 'display: table-column' element
The 'text-align' property is not applied to a 'display: table-column' element.
text-align-applies-to-014
Text-align application on a 'display: table-cell' element
The 'text-align' property is applied to 'display: table-cell' elements.
text-align-applies-to-015
Text-align application on a 'display: table-caption' element
The 'text-align' property is applied to 'display: table-caption' elements.
text-align-bidi-001
Text-align and direction - left and rtl
Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-002
Text-align and direction - nested center and rtl
Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-003
Text-align and direction - nested rtl, center and ltr
Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-004
Text-align and direction - nested center and ltr
Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-005
Text-align and direction - nested rtl, right and ltr
Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-006
Text-align and direction - nested left and rtl
Text-align property should override the default text-align change caused by a switch of direction
text-align-bidi-007
direction:rtl and text-align: left
Text-align should override default text-align in rtl context
text-align-bidi-008
direction:rtl and text-align: justify
Text-align should override default text-align in rtl context
text-align-bidi-009
text-align: justify - implicit rtl text
Implicit rtl text should be justified by text-align: justify
text-align-bidi-010
text-align: justify - joined text
Joined text should be justified by text-align: justify
text-align-bidi-011
text-align and bidi (basic test)
text-align-bidi-012
text-align and bidi (basic test)
text-align-bidi-013
text-align and bidi
text-align-inherit-001
Text-align inheritance on block level elements (spec example)
Ensure that block level elements inherit text-align values of parent elements.
text-align-white-space-001 (ahem)
Text-align set to 'justify' with 'white-space' set to 'pre'
Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value.
text-align-white-space-002 (ahem)
Text-align set to 'justify' with 'white-space' set to 'pre-line'
Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', 'text-align' remains 'justified'.
text-align-white-space-003 (ahem)
Text-align set to 'justify' with 'white-space' set to 'pre-wrap'
Setting 'text-align' to 'justify' and 'white-space' to 'pre-wrap', text-align is computed to its initial value.
text-align-white-space-004 (ahem)
Text-align set to 'justify' with 'white-space' set to 'nowrap'
Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'.
text-align-white-space-005 (ahem)
Text-align set to 'justify' with 'white-space' set to 'pre' and 'direction' set to 'rtl'
Setting 'text-align' to 'justify' and 'white-space' to 'pre', text-align is computed to its initial value.
text-align-white-space-006 (ahem)
Text-align set to 'justify' with 'white-space' set to 'pre-line' and 'direction' set to 'rtl'
Setting 'text-align' to 'justify' and 'white-space' to 'pre-line', 'text-align' remains 'justified'.
text-align-white-space-007 (ahem)
Text-align set to 'justify' with 'white-space' set to 'pre-wrap' and 'direction' set to 'rtl'
Setting 'text-align' to 'justify' and 'white-space' to 'pre-wrap', text-align is computed to its initial value.
text-align-white-space-008 (ahem)
Text-align set to 'justify' with 'white-space' set to 'nowrap' and 'direction' set to 'rtl'
Setting 'text-align' to 'justify' and 'white-space' to 'nowrap', text-align is computed to 'justify'.