PDA

View Full Version : horizontal list


tony09uk
10-31-2011, 04:33 PM
Im missing something simple :s please help.

I want to display the list horizontally, In the past I have done this:

ul{
list-style:none;
}
ul li{
float:left;
}

Which worked nicely.

But it hasn't worked for the code below, I have some span tags in there, is that what is wrong and if so how do I sort it?


<ul>
<li><a href="#"> Home<br/><span class="smaller">Site introduction</span></a></li>
<li><a href="#"> Classroom<br/><span class="smaller">Your lessons</span></a></li>
<li><a href="#"> Forum<br/><span class="smaller">Friendly people</span></a></li>
<li><a href="#"> Jargon<br/><span class="smaller">Learning the lingo</span></a></li>
<li><a href="#"> Gallery<br/><span class="smaller">Users photo's</span></a></li>
<li><a href="#"> F.A.Q's<br/><span class="smaller">Questions</span></a></li>
<li><a href="#"> Contact<br/><span class="smaller">Send a message</span></a></li>
</ul>

tony09uk
10-31-2011, 04:41 PM
apologies for clogging up the forum with such a stupid question. Ive sorted it now. I had it sat in a DIV of 200px

domedia
10-31-2011, 05:08 PM
Great you found out :)

Remember to always provide a link to browser issues. You rarely can take code out of it's context to troubleshoot.