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;}

Top menu

Bottom menu

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
 

Top menu

  • green
  • white text
  • 0.5em padding
  • 0.5em margin

Bottom menu

  • blue background
  • white text
  • 0.5em padding
  • 0.5em margin

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.