css - 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？（小提琴）

div.ui-menu { float: left; }

Answer 2

您是否正在寻找像这样简单的东西：

div.ui-menu
{
    float:left;
}

更新了 jsfiddle