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>.
Darius Garland Net Worth: 5 Interesting Facts You Should Know
Darius Garland is an American basketball player who used to play for the Southeastern Conference (SEC) team called Vanderbilt Commodores. His competency can be seen from the fact that he is a five-star recruit as well as a McDonald’s All-American. 1. Early Life Garland was born on January 26, 2000, in Gary, Indiana. In his early childhood, he played […]
Harold Lederman Net Worth: How Rich Was Boxing Legend Actually?
Harold Lederman was a boxing judge and analyst. He was in boxing for around 5 decades. Harold Lederman net worth before his death is estimated to be $3 million. Lederman was born on January 26, 1940, in The Bronx, New York. He went to Columbia University and after graduation earned a license from New York’s […]
Pua Magasiva Net Worth: How Rich was Pua Magasiva Actually?
Pua Magasiva was a New Zealand actor best known for his role as Shane Clarke, the Red Ranger from Power Rangers Ninja Storm. Pua Magasiva net worth before his death is estimated to be $600,000. Magasiva was born on August 10, 1980, in Apia, Samoa but was raised in Wellington, New Zealand since he was […]
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.