View Full Version : How to style a list from a certain point

12-12-2010, 04:33 AM
Here's the link


I am trying to style the links under the "Follow Us" section. I want the twitter and the youtube links to pop over horizontally and line up with the first two so there are two columns of icons, but for some reason I can't remember how I would go about styling this in the CSS. Can anyone help me out please? Right now they are just list items with a set width so they line up.


12-12-2010, 10:34 AM
Hello geekygirl,
Remove that clear: both; so your float will let them sit side by side, then give the ul a width that will allow only 2 icons wide.
Like this -

#icons >ul {
width: 140px;
padding-right: 5px;
/*border-spacing: 35px; ??? */
margin-top: 41px;
ul.list li{
width: 61px;
float: left;
/*clear: both;*/
border: none;

12-14-2010, 03:20 AM
Wow! Awesome! Thanks so much!