CSS2 Test Suite: 9.3.2 right

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

The style declarations contained within this page:

.cl1 {color: purple; position: relative; right: 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 to the left. 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 right edge of the image should be placed 10 pixels to the left of the right edge of the containing block established by the 'div'.


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