RichInStyle.com
 Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests
Attaching style Applying style Key concepts Color and background Fonts Text Lists Box model

Advanced tests
Positioning Boxes Generated content Dynamic effects Tables Paged media @font-face Aural styles Language styles

This test
Selectors Inheritance Backgrounds Margins Table overflow Padding
Positioning Text-align Text-align: <string> Borders Display Columns
Anonymous objects Visibility: collapse Captions Caption-side Fixed layouts
Width Height Vertical-align Border-spacing Empty-cells Collapsing borders

RichInStyle.com test pages: tables - vertical-align

The content of this cell should be top-aligned. The content of this cell should be centered within the cell. The content of this cell should be aligned with the baseline of the row. The content of this cell should be aligned with the bottom of the row. The content of this cell should be aligned with the baseline of the row.

And here, to compare, is the same thing done with HTML:

The content of this cell should be top-aligned. The content of this cell should be centered within the cell. The content of this cell should be aligned with the baseline of the row. The content of this cell should be aligned with the bottom of the row. The content of this cell should be aligned with the baseline of the row.
A caption that should be aligned with the top of the table
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
A caption that should be aligned with the top of the table
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
A caption that should be aligned with the middle of the table
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
A caption that should be aligned with the bottom of the table
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
A caption that should be aligned with the top of the table
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.
Some content.

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.