Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: tables - text-align

Text-align: <string>

$5.00
It cost $6.99
$7
.

The above table should be aligned thus:

        $5.00
It cost $6.99
        $7
          .
$5.00
It cost $6.99
$7
.

The above table should not be aligned along the period - text-align has no effect on columns.

$129.99 $6.99 $64.99
$6.99 $95.99 $126.99
$69.99 $164.99 $6.99

The table above should also be aligned along the period - text-align: <string> specified on the table and inheritance relied upon.

59¢
199¢
$6.99
$56.99
$56
Hello, how are you?

The table above has two different text-align strings - cells with cents should be aligned along the cent, others along the period with the $56 cell having its right aligned with the the period. The cell that says 'Hello ...' should be left-aligned.

Text containing multiple instances
Different text, also containing multiple instances.
More text containing the aligned text

The text above is aligned along a space. There are multiple instances of the text. It should be fun to see what the browser does....

This text undoubtedly will span several lines because it rambles on quite a bit. This text undoubtedly will span several lines because it rambles on quite a bit. & The correct result is undefined....
Like the previous text, this text will undoubtedly span several lines because it rambles on quite a bit. Like the previous & text, this text will undoubtedly span several lines because it rambles on quite a bit. The rendering once more is undefined....
Yet more text that spans several lines and for which, like before, the result is undefined. Yet more text that spans several lines and for which, like before, the result is undefined. Yet more text that spans several lines and for which, like before, the result is undefined. Yet more text that spans several lines and for which, like & before, the result is undefined.

The table above is aligned along the & sign.

This text doesn't contain the specified string.
Neither does this.
Nor, for that matter, does this.

The table above lacks the specified string. Although the CSS specification states that the right of cells that lack the specified string should be aligned with the string, if the string is missing, it does not define the rendering. However, it is my belief that the table should simply be left-aligned.

Some
Some

The text above most definitely doesn't contain a space (because leading and trailing spaces are ignored), so it (probably - see previous test) should simply be left-aligned.