Intended audience:users, XHTML/HTML coders (using editors or scripting), script developers (PHP, JSP, etc.), CSS coders, Web project managers, and anyone who wants to know whether text-align works as specified.
Updated
These tests check whether user agents correctly apply text-align, text-align-last, and text-justify to various writing systems per the CSS-text-3 spec.
To see the test, click on the link in the left-most column. To see detailed results for a single test, click on a row and look just above the table. The detailed results show the date(s) the test result was recorded, and the version of the browser tested.
Any dependencies are shown in notes above the table, and notes below the table will usually provide any additional useful information, including an explanation of why a result was marked as 'partially successful'.
Key:
| pass | fail | partially successful |
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Opera | Webkit Safari | Legacy Edge | IE |
|---|---|---|---|---|---|---|---|
| start, direction: rtl text-align-start-001.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. | pass | pass | pass | pass | pass | pass |
| start, direction: ltr text-align-start-002.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. | pass | pass | pass | pass | pass | pass |
| start, dir=rtl text-align-start-003.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. | pass | pass | pass | pass | pass | pass |
| start, dir=ltr text-align-start-004.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. | pass | pass | pass | pass | pass | pass |
| start, direction: rtl text-align-start-005.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. | pass | pass | pass | pass | pass | pass |
| start, direction: ltr text-align-start-006.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. | pass | pass | pass | pass | pass | pass |
| start, dir=rtl text-align-start-007.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is horizontal, rtl. | pass | pass | pass | pass | pass | pass |
| start, dir=ltr text-align-start-008.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is horizontal, ltr. | pass | pass | pass | pass | pass | pass |
| start, dir=auto, RTL first strong text-align-start-009.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. right when direction is auto and first strong character is rtl. | pass | pass | pass | pass | fail | fail |
| start, dir=auto, LTR first strong text-align-start-010.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr. | pass | pass | pass | pass | fail | fail |
| start, pre, dir=rtl inherited text-align-start-014.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl. | pass | pass | pass | pass | pass | pass |
| start, pre, dir=ltr inherited text-align-start-015.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr. | pass | pass | pass | pass | pass | pass |
| start, pre, dir=auto text-align-start-016.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when direction is auto and first strong character is ltr, and right when first strong is rtl. | pass | pass | pass | pass | fail | fail |
| start, pre, dir=auto on surrounding block text-align-start-017.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by pre, to left in ltr context. | pass | pass | pass | pass | pass | pass |
| start, textarea, dir=rtl inherited text-align-start-018.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. right when base direction is rtl. | pass | pass | pass | pass | pass | pass |
| start, textarea, dir=ltr inherited text-align-start-019.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. left when base direction is ltr. | pass | pass | pass | pass | pass | pass |
| start, textarea dir=auto on control text-align-start-020.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. when dir=auto on textarea, left when first strong is ltr, right when rtl. | pass | pass | pass | pass | fail | fail |
| start, textarea, dir=auto on surrounding block text-align-start-021.html |
text-align:start aligns inline-level content to the start edge of the line box – ie. since dir=auto is not inherited by textarea, to left in ltr context. | pass | pass | pass | pass | pass | pass |
Spec links for this table: link
Notes
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Opera | Webkit Safari | Legacy Edge | IE |
|---|---|---|---|---|---|---|---|
| end, direction: rtl text-align-end-001.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. | pass | pass | pass | pass | fail | fail |
| end, direction: ltr text-align-end-002.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. | pass | pass | pass | pass | fail | fail |
| end, dir=rtl text-align-end-003.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. | pass | pass | pass | pass | fail | fail |
| end, dir=ltr text-align-end-004.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. | pass | pass | pass | pass | fail | fail |
| end, direction: rtl text-align-end-005.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. | pass | pass | pass | pass | fail | fail |
| end, direction: ltr text-align-end-006.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. | pass | pass | pass | pass | fail | fail |
| end, dir=rtl text-align-end-007.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is horizontal, rtl. | pass | pass | pass | pass | fail | fail |
| end, dir=ltr text-align-end-008.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is horizontal, ltr. | pass | pass | pass | pass | fail | fail |
| end, dir=auto, RTL first strong text-align-end-009.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. left when direction is auto and first strong character is rtl. | pass | pass | pass | pass | pass | pass |
| end, dir=auto, LTR first strong text-align-end-010.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr. | pass | pass | pass | pass | pass | pass |
| end, pre, dir=rtl inherited text-align-end-014.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl. | pass | pass | pass | pass | fail | fail |
| end, pre, dir=ltr inherited text-align-end-015.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr. | pass | pass | pass | pass | fail | fail |
| end, pre, dir=auto text-align-end-016.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when direction is auto and first strong character is ltr, and left when first strong is rtl. | pass | pass | pass | pass | fail | fail |
| end, pre, dir=auto on surrounding block text-align-end-017.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by pre, to right in ltr context. | pass | pass | pass | pass | fail | fail |
| end, textarea, dir=rtl inherited text-align-end-018.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. left when base direction is rtl. | pass | pass | pass | pass | fail | fail |
| end, textarea, dir=ltr inherited text-align-end-019.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr. | pass | pass | pass | pass | fail | fail |
| end, textarea dir=auto on control text-align-end-020.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. when dir=auto on textarea, right when first strong is ltr, left when rtl. | pass | pass | pass | pass | fail | fail |
| end, textarea, dir=auto on surrounding block text-align-end-021.html |
text-align:end aligns inline-level content to the end edge of the line box – ie. since dir=auto is not inherited by textarea, to right in ltr context. | pass | pass | pass | pass | fail | fail |
Spec links for this table: link
Notes
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Opera | Webkit Safari | Legacy Edge | IE |
|---|---|---|---|---|---|---|---|
| justify, direction: rtl text-align-justify-001.html |
text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. | pass | pass | pass | pass | pass | pass |
| justify, direction: ltr text-align-justify-002.html |
text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. | pass | pass | pass | pass | pass | pass |
| justify, dir=rtl text-align-justify-003.html |
text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. | pass | pass | pass | pass | pass | pass |
| justify, dir=ltr text-align-justify-004.html |
text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. | pass | pass | pass | pass | pass | pass |
| justify, dir=auto, RTL first strong text-align-justify-005.html |
text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the right. | pass | pass | pass | pass | fail | fail |
| justify, dir=auto, LTR first strong text-align-justify-006.html |
text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left. | pass | pass | pass | pass | fail | fail |
Spec links for this table: link
Notes
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Opera | Webkit Safari | Legacy Edge | IE |
|---|---|---|---|---|---|---|---|
| justify-all, direction: rtl text-align-justifyall-001.html |
text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. | fail | fail | fail | fail | fail | fail |
| justify-all, direction: ltr text-align-justifyall-002.html |
text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. | fail | fail | fail | fail | fail | fail |
| justify-all, dir=rtl text-align-justifyall-003.html |
text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. | fail | fail | fail | fail | fail | fail |
| justify-all, dir=ltr text-align-justifyall-004.html |
text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. | fail | fail | fail | fail | fail | fail |
| justify-all, dir=auto, RTL first strong text-align-justifyall-005.html |
text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. | fail | fail | fail | fail | fail | fail |
| justify-all, dir=auto, LTR first strong text-align-justifyall-006.html |
text-align:justify-all aligns text in order to exactly fill the line box, forcing the last line to justify as well. | fail | fail | fail | fail | fail | fail |
Spec links for this table: link
Notes
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Opera | Webkit Safari | Legacy Edge | IE |
|---|---|---|---|---|---|---|---|
| text-align-last - start (basic) text-align-last-001.html |
The 'text-align-last' property set to 'start' on a block element aligns the last line text to the start edge. | fail | fail | fail | fail | fail | fail |
| text-align-last - end (basic) text-align-last-002.html |
The 'text-align-last' property set to 'right' on a block element aligns the last line text to the end edge. | fail | fail | fail | fail | fail | fail |
| text-align-last - left (basic) text-align-last-003.html |
The 'text-align-last' property set to 'left' on a block element aligns the last line text to the left. | fail | fail | fail | fail | fail | fail |
| text-align-last - right (basic) text-align-last-004.html |
The 'text-align-last' property set to 'right' on a block element aligns the last line text to the right. | fail | fail | fail | fail | fail | fail |
| text-align-last - center (basic) text-align-last-005.html |
The 'text-align-last' property set to 'center' on a block element aligns the last line text to the center. | fail | fail | fail | fail | fail | fail |
| text-align-last - justify (basic) text-align-last-006.html |
The 'text-align-last' property set to 'justify' on a block element aligns the last line text to both left and right edges | fail | fail | fail | fail | fail | fail |
| text-align-last - auto and text-align - right text-align-last-007.html |
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'. | pass | pass | pass | pass | pass | pass |
| text-align-last - auto and text-align - end text-align-last-008.html |
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'. | pass | pass | pass | pass | fail | fail |
| text-align-last - auto and text-align - center text-align-last-009.html |
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'. | pass | pass | pass | pass | pass | pass |
| text-align-last - right(one line inside block element) text-align-last-010.html |
The 'text-align-last' property set to 'right' on a block element aligns the only one line text to the right. | fail | fail | fail | fail | fail | fail |
| text-align-last - end(one line inside block element) text-align-last-011.html |
The 'text-align-last' property set to 'end' on a block element aligns the only one line text to the right. | fail | fail | fail | fail | fail | fail |
| text-align-last - center(one line inside block element) text-align-last-012.html |
The 'text-align-last' property set to 'center' on a block element aligns the only one line text to the center. | fail | fail | fail | fail | fail | fail |
| text-align-last applied to "display: inline" div element text-align-last-013.html |
Test checks that the 'text-align-last' property is invalid if the container element is not block element. | pass | pass | pass | pass | pass | pass |
| text-align-last applied to "display: block" span element text-align-last-014.html |
Test checks that the 'text-align-last' property is valid if the span element set 'display: block'. | fail | fail | fail | fail | fail | fail |
Spec links for this table: link
Notes
| Links to run tests | Assertions | Gecko Firefox | Blink Chrome | Blink Opera | Webkit Safari | Legacy Edge | IE |
|---|---|---|---|---|---|---|---|
| none text-justify-001.html |
text-justify:none means justification is disabled: there are no justification opportunities within the text. | fail | fail | fail | fail | fail | fail |
| inter-character text-justify-002.html |
text-justify:inter-character means justification adjusts spacing between each pair of adjacent typographic character units. | fail | fail | fail | fail | fail | fail |
| distribute text-justify-003.html |
text-justify:distribute means justification adjusts spacing between each pair of adjacent typographic character units. | fail | fail | fail | fail | pass | pass |
| inter-character, arabic text-justify-004.html |
text-justify:inter-character means justification adjusts spacing between each pair of adjacent typographic character units. Justification must not introduce gaps between the joined typographic letter units of cursive scripts such as Arabic. | pass | pass | pass | pass | pass | pass |
| distribute, arabic text-justify-005.html |
text-justify:distribute means justification adjusts spacing between each pair of adjacent typographic character units. Justification must not introduce gaps between the joined typographic letter units of cursive scripts such as Arabic. | pass | pass | pass | pass | pass | pass |
Spec links for this table: link