Trying To text-align:center a Unordered List


The text in question is at the very bottom inside the ul id #footer. I am wanting to center the text as if the text were wrapped in a <p> tag with text-align:center but I cannot do it. Is this because it is an unordered list? Can someone help me out?

Todd Temple

I removed the float: left and now it looks even worse. Were you able to test this fix and show it working?

The footer links are all stacked on top of each other and are one per line.

make sure you aren’t floating anything in the footer. now that’s it’s inline. floats aren’t needed and older ID had MANY issues with floats anyway.

Well, I added these rules and it still doesn’t work. I am viewing the page in Safari. Any other ideas?

#footer {text-align:center} /* add this*/
#footer li{ display: inline; padding:5px}/* replace old rule; adjust the padding to you r liking */
#footer li + li {border-left: 1px solid #FFF;}

Thats it!

Just noticed that the footer doesn’t appear at all in IE8, IE7, or IE6 now. Yikes! Can someone help?

ah… here the problem :
#footer li a, #footer li a:link, #footer li a:visited { text-decoration: none; height: 10px; display: block; line-height: 15px; color: #FFF; font: normal 9px/15px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0 4px; }

remove the DISPLAY:BLOCK; for the anchor tags… thats what making IE stack them like that