css - div彼此相鄰

Question

請參閱：http://jsfiddle.net/LSbuC/

我在div中有多個列，但我希望它們彼此相鄰。任何幫助，將不勝感激。

<div class="ui-menu"> 
     <ul> 
     <li>2</li> 
     <li><a href="">1</a></li> 
     <li><a href="">2</a></li> 
     <li><a href="">3</a></li> 
     <li><a href="">4</a></li> 
     <li><a href="">5</a></li> 
     </ul> 
    </div> 
    <div class="ui-menu"> 
     <ul> 
     <li>3</li> 
     <li><a href="">1</a></li> 
     <li><a href="">2</a></li> 
     <li><a href="">3</a></li> 
     <li><a href="">4</a></li> 
     <li><a href="">5</a></li> 
     </ul> 
    </div> 
    <div class="ui-menu"> 
     <ul> 
     <li>4</li> 
     <li><a href="">1</a></li> 
     <li><a href="">2</a></li> 
     <li><a href="">3</a></li> 
     <li><a href="">4</a></li> 
     <li><a href="">5</a></li> 
     </ul> 
    </div>  
</div> 

Answer 1

左浮動的div？ （fiddle）

div.ui-menu { float: left; } 

Answer 2

您正在尋找這樣簡單的東西：

div.ui-menu 
{ 
    float:left; 
} 

Updated jsfiddle