CSS1 Test Suite: 5.5.26 clear


[Previous] [Next] [Section] [Contents] [Specification]

The style declarations which apply to the text below are:

.one {clear: left;}
.two {clear: right;}
.three {clear: both;}
.four {clear: none;}

[Image]

This text should be flowing past a tall orange rectangle on the left side of the browser window.


[Image]

This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it.


[Image]

This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it.


[Image] [Image]

This paragraph should appear below the two tall orange rectangles, and not flow between them.

[Image] [Image]

This paragraph should be between both tall orange rectangles.


TABLE Testing Section
  [Image]

This text should be flowing past a tall orange rectangle on the left side of the browser window.


[Image]

This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it.


[Image]

This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it.


[Image] [Image]

This paragraph should appear below the two tall orange rectangles, and not flow between them.

[Image] [Image]

This paragraph should be between both tall orange rectangles.



[Previous] [Next] [Section] [Contents] [Specification]