css - div彼此相邻

Question

请参阅：http://jsfiddle.net/LSbuC/

我在div中有多个列，但我希望它们彼此相邻。任何帮助将不胜感激。

                          

            
• 1
            
• 1
            
• 2
            
• 3
            
• 4
            
• 5
            

        

    <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