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>.
Marie Osmond Net Worth: 5 Interesting Facts You Should Know
Marie Osmond is an American actress, singer, and designer. She gained international recognition in the 1970s after her success in country music. Marie is also known for hosting the television variety show “Donny & Marie” with her brother Donny Osmond. Here are five interesting facts about Marie Osmond 1. Marie Osmond net worth is estimated […]
Blueface Net Worth: 5 Interesting Facts About the Rapper
Blueface Bleedem, or simply Blueface, is an American rapper from Los Angeles currently signed to Birdman’s Cash Money West label. He rose to fame after releasing single ‘Deadlocs’ on music platform SoundCloud. The song has received more than 2.5 million streams. Here are some of the interesting facts about Blueface. 1. Blueface net worth is […]
FaZe Tfue Net Worth: 5 Interesting Facts You Should Know
Turner Tenney, professionally known as FaZe Tfue or Tfue is an American gamer, Twitch streamer and a member of FaZe Clan. Some people considered him the better player than Ninja and also ‘The Best Player in the World’. Here are some of the interesting facts about Faze Tfue including his path to success, net worth, […]
4 Comments
You must be logged in to post a comment Login
You must log in to post a comment.