CSS – Center Unordered List UL/LI Based Menu

Call me stupid, but i’ve always been told that you can’t center the contents of an unordered list as used in the footer menu for many websites (maybe that goes to show that many people don’t know what they’re on about?) the solution just popped into my head – try it for your self!

styles:

#footer{text-align:center;list-style:none}
#footer li{display:inline}

HTML

<ul id=”footer”>
<li><a href=”1.asp”>Link 1</a></li>
<li><a href=”2n.asp”>Link 2</a></li>
<li><a href=”3.asp”>Link 3</a></li>
</ul>

Simple stuff indeed!

Related posts:

  1. Online PR List for Technology Based Companies
  2. The Ultimate Article Directory List
  3. Ultimate Do Follow Social Bookmarking List

1 comment so far ↓

#1 evsap on 02.22.10 at 2:23 pm

Thank you. I was just wondering the same thing and was looking for the solution.

Like or Dislike: Thumb up 1 Thumb down 1

Leave a Comment

Anti-Spam Protection by WP-SpamFree