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

Question

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 hav

Answer 1

I think what you want requires an extra wrapper div.

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

Lorem Ipsum
        

  
Dolor
Sit
Amet
  

    this text should be below, not next to ul.