CSS2 Test Suite: 9.5.2 clear

The style declarations contained within this page:

.cl1 {clear: left;}
.cl2 {clear: right;}
.cl3{clear: both;}
.cl4 {clear: none;}

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

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

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

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

[cl4] This paragraph should be between both tall orange rectangles.