Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: tables - text-align

This is a test of text-align: center. It is applied to this TABLE element - the table should not be centered because TABLE is a block element and text-align only affects inline content. However, the table cell contents should be centered because text-align is inherited. This is a test of text-align: center. It is applied to this TABLE element - the table should not be centered because TABLE is a block element and text-align only affects inline content. However, the table cell contents should be centered because text-align is inherited.
This is a test of text-align: right. It is applied to this TABLE element - the table should not be right-justified because TABLE is a block element and text-align only affects inline content. However, the table cell contents should be right-justified because text-align is inherited. This is a test of text-align: right. It is applied to this TABLE element - the table should not be right-justified because TABLE is a block element and text-align only affects inline content. However, the table cell contents should be right-justified because text-align is inherited.
This table should be flush with the right of BODY, thanks to a margin-right of 0 (and margin-left: auto).
This table should also be flush with the right of BODY, thanks to a margin-right of 0. It also has text-align: center, which shouldn't affect the position of the table....

Here's a P element, also flush with the right so that you can verify that the position of the table is correct.

This is a test of text-align: justify. It is applied to this TABLE element - the table should not be justified because TABLE is a block element and text-align only affects inline content. However, the table cell contents should be justified because text-align is inherited. This is a test of text-align: justify. It is applied to this TABLE element - the table should not be justified because TABLE is a block element and text-align only affects inline content. However, the table cell contents should be justified because text-align is inherited.
This is right-floated using HTML. This is right-floated using HTML.
This is a test of text-align: right. It is applied to this TD element.