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