Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

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

Unlike on non-replaced elements, the box model properties do affect the height of the line box when applied to replaced elements.

T The image, and hence the whole of the line box, should have a 50 pixel vertical margin.

Although this has a line height of 1 pixel,
the image should increase this, so that the line should look normal.
Note that there are three images, not one.
Some text that should not be overlapping the previous element.

This image simply has a 20 pixel horizontal margin.

This image simply has a 20 pixel horizontal padding.

The image should have 100 px of red padding. The padding will affect the height of the whole line box, but only the bit around the image will be red.