Connect with us

Tips & Tricks

Styling your ordered & unordered list items into 2 columns

In a previous post I showed you how to create a custom widget, then I showed you how to create a widget for your monthly archives, and limit the month’s that show. I am showing the past 4 months in my widget at this time.

One of my readers: Alex asked:

How did you make the archives widget to show the dates separately into two columns?

Now I will show you a CSS trick to create this effect:

First we will give the unordered list a width of 100%:

ul#archives {
	width:110%;
	}

Then we will style the <li> nested inside.

ul#archives li {
	display:inline;
	float:left;
	width:120px;
	}

And that is it. Please make sure that you clear the float after your closing </ul>.

4 Comments

4 Comments

  1. Alex

    February 15, 2009 at 7:28 pm

    Thank you, man!

  2. trosor

    February 22, 2009 at 2:04 pm

    nice information

  3. cotton

    February 23, 2009 at 1:51 am

    This is great but is there away to make the list go 1-2 on the left column and then 3 & 4 on the right. I have spent ages trying to organize a list like that. I think it would make sense, if you have a list in 2 columns, you first read the left one and then the right one. Any thoughts or suggestions on this would be much appreciated

    • frosty

      February 23, 2009 at 1:50 pm

      As far as I know, I don’t know a way to do this.

You must be logged in to post a comment Login

Random Search Terms

Title

Top Articles

Top Searches

powered by WassUp

Recent Posts: Fully Net Worth . com

YNW BSlime Net Worth: How Much is the Rapper Actually Worth?

YNW BSlime Net Worth: How Much is the Rapper Actually Worth?

YNW BSlime is an American rapper from Florida. He is known for working alongside his older brother YNW Melly. He has dropped tracks like Slime Dreams, Just Want You, and Gucci Belt. As of 2019, YNW BSlime net worth is estimated to be $150,000. YNW BSlime’s real name is Brandon King and was born on […]

Guapdad 4000 Net Worth: How Rich is the Rapper Actually?

Guapdad 4000 Net Worth: How Rich is the Rapper Actually?

Akeem Hayes, who is better known by his stage name as Guapdad 4000, is an American rapper who is best known for his debut album that was only recently released called Dior Deposits. In the past, he has released a mixtape too called Scamboy Color. As of 2019, Guapdad 4000 net worth is estimated to […]

Michael J Pollard Net Worth: How Rich was the Actor Actually?

Michael J Pollard Net Worth: How Rich was the Actor Actually?

Michael J Pollard was an American actor and comedian best known for his role as C.W. Moss in the movie ‘Bonnie and Clyde’. Michael J Pollard net worth before his death is estimated to be $1.5 million. Pollard was born on May 30, 1939, in Passaic, New Jersey as the son to Sonia V. and […]

%d bloggers like this: