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>.
Scott Borchetta Net Worth: How Rich is the Music Executive?
Scott C. Borchetta is an American record executive and entrepreneur. He is the founder of Big Machine Label Group which has four subsidiaries which are Machine Records, BMLG Records, The Valory Music Co., and Nash Icon Records. As of 2019 Scott Borchetta net worth is estimated to be $230 million. Borchetta was born on July […]
Kailyn Lowry Net Worth: How Rich is Kailyn Lowry Actually?
Kailyn Rae Lowry is an American reality television personality and author. She is best known for being a regular cast member of the reality television series 16 and Pregnant which she became a part of in 2010. As of 2019, Kailyn Lowry net worth is estimated to be $500,000. Lowry was born on March 14, […]
Keyshia Cole Net Worth: How Rich is Keyshia Cole Actually?
Keyshia M. Cole is an American singer, actress, producer, and television personality. She has released multiple hit albums during her career which include The Way It Is, A Different Me, and Calling All Hearts to name a few. As of 2019, Keyshia Cole net worth is estimated to be $10 million. Cole was born on […]
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.