The style declarations which apply to the text below are:
P { margin: 0; padding: 0; text-align: justify;} DIV.yellow, DIV.blue, DIV.red, DIV.green { width: 110px; padding: 20px; margin: 10px; border: 20px solid black; float: left; text-align: center; font: 14px "Times New Roman", "Times", serif;} DIV.yellow {margin-left: 0px; background: yellow; color: black;} DIV.blue {background: blue; color: white;} DIV.red {background: red; color: black;} DIV.green {background: green; color: white;} DIV.below {clear: both;} TABLE {margin: 20px 0px;}
The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page indicates how the DIV elements should be laid out horizontally.
The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page indicates how the DIV elements should be laid out horizontally. YellowBlueRedGreen |