Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: the box model - inline non-replaced elements

The test here is that inline box model properties are placed around the element without increasing the vertical space that it occupies.

Basic test

This element should have 30 pixels of red padding. This red padding should spill out of the element - it should not increase the amount of vertical space that the element occupies.

Dummy content onto which the padding can overflow.

This inline-level element has a 100px vertical and 0 horizontal margin. Since margins are transparent, the element should look perfectly normal.

Borders

Some text. This should have a border. The border should be closed at the left of the top line that it spans and at the bottom of the right. However, it should not be closed at any point in between. Here's some more text. Here's some more text. Here's some more text. Here's some more text. Here's some more text. Here's some more text. Here's some more text. Here's some more text.

Horizontal tests

There should be a whole load of (white) margin here: Some text

There should be a whole load of (red) padding here: Some text.