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>.
Kurt Volker Net Worth: How Rich is the US Diplomat Actually?
Kurt Volker is an American diplomat. He served as the U.S. Ambassador to NATO and also as executive director of the McCain Institute of International Leadership. Kurt Volker net worth is as of 2019 is estimated to be $8 million. Volker was born on December 27, 1964, in Hatboro, Pennsylvania to Benjamin and Thelma Volker. […]
Alison Hammond Net Worth: How Rich is Hammond Actually?
Alison Hammond is an English television personality who is known for presenting ITV’s ‘This Morning’ as the showbiz reporter. As of 2019, Alison Hammond net worth is estimated to be $1.5 million. Hammond was born on February 5, 1979, in Birmingham, England. Her father is Nevisian and her mother is Guyanese. Before she became famous she was a […]
Joey Chestnut Net Worth: How Rich is the Competitive Eater Actually?
Joseph Christian Chestnut is an American competitive eater. But, he isn’t just any competitive eater, he is currently ranked as number one in this unique sport according to Major League Eating. As of 2019, Joey Chestnut net worth is estimated to be $2 million. Chestnut was born on November 25, 1983, in Vallejo, California. Having grown […]
Alex
February 15, 2009 at 7:28 pm
Thank you, man!
trosor
February 22, 2009 at 2:04 pm
nice information
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.