| 16.2 Alignment: the 'text-align' property |
|---|
| Text-align set to 'left' |
|
| The 'text-align' property set to 'left' on a block element aligns the text to the left. |
|
| Text-align set to 'right' |
|
| The 'text-align' property set to 'right' on a block element aligns the text to the right. |
|
| Text-align set to 'center' |
|
| The 'text-align' property set to 'center' on a block element aligns the text in the center. |
|
| Text-align set to 'justify' |
|
| Text-align justify on a block element aligns the text on both the left and right sides. |
|
| 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: justify and direction:rtl - unordered list |
|
| text-align: justify should apply to unordered lists in rtl context without affecting their rtlness |
|
| text-align: left and direction:rtl - unordered list |
|
| text-align:left should be applied to unordered list in rtl context without affecting its rtlness |
|
| text-align: right and direction:rtl - unordered list |
|
| text-align:right should be applied to unordered list in rtl context without affecting its rtlness |
|
| text-align: center and direction:rtl - unordered list |
|
| text-align: center should apply to unordered lists in rtl context without affecting their rtlness |
|
| 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 and direction - nested center and rtl |
|
| Text-align property should override the default text-align change caused by a switch of direction |
|
| 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 and direction - nested center and ltr |
|
| Text-align property should override the default text-align change caused by a switch of direction |
|
| 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 and direction - nested left and rtl |
|
| Text-align property should override the default text-align change caused by a switch of direction |
|
| direction:rtl and text-align: left |
|
| Text-align should override default text-align in rtl context |
|
| direction:rtl and text-align: justify |
|
| Text-align should override default text-align in rtl context |
|
| text-align: justify - implicit rtl text |
|
| Implicit rtl text should be justified by text-align: justify |
|
| text-align: justify - joined text |
|
| Joined text should be justified by text-align: justify |
|
| Floating Elements |
|
| Replaced Elements |
AG |
| text-align |
|
| margin-right |
AG |
| margin-left |
AG |
| padding-right |
AG |
| padding-right |
|
| padding-left |
AG |
| padding-left |
|