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
Floats - inline text Floats - images Drop caps Float/non-float interaction Float/float interaction Height-dependent float Clear Clear 2
Position: absolute Position: relative Position: fixed 1 Position: fixed 2 Position: fixed 3 Position: fixed 4 Position: fixed 5 Absolute containing block Relative containing block

RichInStyle.com tests: position: relative

Basic property support

This should be 10 pixels down.

This should be 10 pixels up.

This should be 10 pixels up.

This should be 10 pixels down.

This should be 10 pixels right.

This should be 10 pixels left.

This should be 10 pixels right.

This should be 10 pixels left.

The first letter of this should not float because it is absolutely positioned, which does not override float.

The first letter of this should float because it is relatively positioned, which does not override float.

Overconstraining test

This should be moved down 50 pixels because it is overconstrained, which means that top: 50px overrides bottom: 50px.

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