Here is an exemplar of a "floating box" layout .......... http://jp29.org/floatbox.htm .......... and the accompanying CSS code: /* fbox - Style sheet */ h1 { text-align: center; } h2 { text-align: center; } div.topbox { border: 1px solid #000; float: left; width: 96.5%; } div.onebox { border: 1px solid #000; float: left; width: 24%; } div.twobox { border: 1px solid #000; float: left; width: 24%; } div.threebox { border: 1px solid #000; float: left; width: 24%; } div.fourbox { border: 1px solid #000; float: left; width: 24%; } p.text { padding: 0.5em; }
This has been answered godknowshowmany times already. The search function is a pretty good tool you know