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.ui-menu
{
    float:left;
}

更新されたjsfiddle