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: clear

Text.

This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image.

Text.

This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image.

Text.

This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image.

Text.

This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image. This text should flow around the image.

Text.

This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image.

Text.

This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image. This text should not flow around the image.

This is a left-floated element
This is a left-floated element; it should flow to that element's right.

This is a right-floated element
This is a left-floated element; it should not flow to that element's right.

This is a left-floated element
This is a left-floated element; it should not flow to that element's right.

This is a left-floated element
This is a left-floated element; it should not flow to that element's right.

This is a right-floated element
This is a left-floated element; it should not flow to that element's left.

This is a left-floated element
This is a left-floated element; it should not flow to that element's left.

The rendering of this is more-or-less irrelevant. The important thing is that the next element, which has clear: left on the containing block (therefore not affecting the contents of that element) should behave in the same way. The rendering of this is more-or-less irrelevant. The important thing is that the next element, which has clear: left on the containing block (therefore not affecting the contents of that element) should behave in the same way. The rendering of this is more-or-less irrelevant. The important thing is that the next element, which has clear: left on the containing block (therefore not affecting the contents of that element) should behave in the same way. The rendering of this is more-or-less irrelevant. The important thing is that the next element, which has clear: left on the containing block (therefore not affecting the contents of that element) should behave in the same way.

This is a spacer element:

The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?The text should flow around the image in an attractive manner. Do you see?

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