CODEWITHSUNDEEP
csshtml
Lacer
Lacer

Reputation: 5968

css - div next to each other

please see: http://jsfiddle.net/LSbuC/

I have multiple columns in divs but I would like them next to each other. Any help would be appreciated.

enter image description here 

    <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>

Upvotes: 0

Views: 97

Answers (2)

net.uk.sweet
net.uk.sweet

Reputation: 12431

Float the divs left? (fiddle) 

div.ui-menu { float: left; }

Upvotes: 4

S&#233;bastien
S&#233;bastien

Reputation: 12139

Are you looking for something as simple as this:

div.ui-menu
{
    float:left;
}

Updated jsfiddle

Upvotes: 3

Related Questions