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 test pages: positioning - containing blocks of relatively positioned elements

The example below should have a red change bar to the left of the line that says 'With a change bar' (several lines down):

This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. -- With a change bar This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text.

The example below should have a red change bar to the left of the text (several lines down). However, the change bar should span the entire width of the element with a blue background. The blue background should not obscure any text however, because it is preceded by a BR element and thus all the anonymous inline content that follows it will be rendered on top of it.

This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text.
-- With a change bar This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text. This has a lot of text.

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