Re: Floating Div inside Div

Look at this layout:

<h1 class="clearfloat">first two columns</h1>
<div class="column"><p>one</p><p>two</p></div>
<div class="column"><p>first</p><p>second</p></div>

<h1 class="clearfloat">second two columns</h1>
<div class="column"><p>one</p><p>two</p></div>
<div class="column"><p>first</p><p>second</p></div>

Using this CSS should give you a two column layout.

<style type="text/css">
<!--
.clearfloat {
clear:both;
}
.column {
float: left;
width: 200px;
}
-->
</style>

*Always share a link to your site and rate the posts. This is a free service for you and for us.