CSS2 Test Suite: 9.3.2 bottom

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.cl1 {color: purple; position: relative; bottom: 10px;}
.img-contain {position: relative; background: yellow; 
     height: 50px; width: 250px;}
.img-contain img {position: absolute;}

This 'p' element contains a 'span' element that has been [cl1] relatively positioned, which will cause it to move 10 pixels upward. The space it would have occupied will be preserved.

The following 'div' element has a class of 'img-contain' and contains an image with a class of 'cl1'. The bottom edge of the image should be placed 10 pixels above the bottom edge of the containing block established by the 'div'.

[index page] [section] [Previous] [Next] [Specification]