Question

I have 3 div’s as shown on that picture, here:

How can I make sure than the green is BELOW the red one?

My code is:

<div id='black' style='float: left'></div>
<div id='red' style='float: left'></div>
<div id='green' style='float: left'></div>

Thanks a lot in advance.

Answer 1

Try this
Group the red and the green divs into a new float:left div
make a new css class called clr.

div.clr{clear: both}

and try this markup

<div id='black' style='float: left'></div>
<div style='float: left'>
  <div id='red' style='float: left'></div>
  <div class="clr"></div>
  <div id='green' style='float: left'></div>
<div>​​​​​​​​​​

test it here