How to force div to appear below not next to another?

Posted by Vafello on Stack Overflow See other posts from Stack Overflow or by Vafello
Published on 2010-03-22T14:17:30Z Indexed on 2010/03/22 14:21 UTC
Read the original article Hit count: 275

Filed under:
|
|

I would like to place my div below the list, but actually it is placed next to the list.The list is generated dynamically, so it doesn't have a fixed hight. I would like to have the map div on the right, and on the left (next to the map) the list placed on top and the second div below the list.

  #map { float:left; width:700px; height:500px; }
 #list { float:left; width:200px; background:#eee; list-style:none; padding:0; }
 #similar { float:left; width:200px; background:#000; } 


    <div id="map"></div>        
    <ul id="list"></ul>
    <div id ="similar">
     this text should be below, not next to ul.
   </div>

Any ideas?

© Stack Overflow or respective owner

Related posts about css

Related posts about html