RSS

How to split ul into multiple columns

24 Jun
ul multi column

ul multi column

ul{
width: 300px;
overflow: hidden;
}

ul li{
float: left;
width: 75px;
}
Advertisements
 
1 Comment

Posted by on June 24, 2013 in CSS

 

One response to “How to split ul into multiple columns

  1. AdrianSkar

    July 17, 2014 at 3:50 pm

    Nice one. I’ve tried other options but none worked with my css even reseting until I found this one (in my case I used just ul {width: 100%;} li {width: 30%; float:left;} )
    Tyvm.

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: