CSS1 Test Suite: 5.5.26 clear

The style declarations which apply to the text below are:

    P { margin: 0; padding: 0; text-align:  justify;}

    DIV.menu {float: left; clear: left; width: 11em;
              margin: 0; margin-bottom: 10px; padding: 0.5em;}
    DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}
    DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}
    DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;
                 color: black; background: yellow; clear: none;}

# The 'clear' property

This page has two floating "menus" on the side; one has a green background, and the other a blue background. Due to settings on the 'float' and 'clear' properties, the two menus should appear on the left side of the page, the blue below the green. There should be a 10px gap between the two menus. There should also be a 10px gap between the top menu and the top of the page.

The top of the yellow rectangle (to which this paragraph belongs) should be vertically aligned with the top of the green rectangle.

TABLE Testing Section
| # The 'clear' property This page has two floating "menus" on the side; one has a green background, and the other a blue background. Due to settings on the 'float' and 'clear' properties, the two menus should appear on the left side of the page, the blue below the green. There should be a 10px gap between the two menus. There should also be a 10px gap between the top menu and the top of the page. The top of the yellow rectangle (to which this paragraph belongs) should be vertically aligned with the top of the green rectangle.