Я хотел бы разместить мой div под списком, но на самом деле он помещен рядом со списком. Список генерируется динамически, поэтому он не имеет фиксированной высоты. Я хотел бы иметь карту div справа, а слева (рядом с картой) список, расположенный сверху, и второй div под списком (но все же справа от карты)
#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">Lorem Ipsum</div>
<ul id="list"><li>Dolor</li></li>Sit</li><li>Amet</li></ul>
<div id ="similar">
this text should be below, not next to ul.
</div>