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