How to align center a floated left unorderd list — OZONE Asylum, home of the Mad Scientists

This page's ID: 29415

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	Hello, I am trying to center the <li> elements which are floating left (for a horizontal display). The <ul> container should be 100% width, and the <li> elements than find the center of the ul element. Here is what I have: <div id="menu_container"> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> </div> CSS: div#menu_container { text-align:center; } div#menu_container ul { border:solid; display:inline; float:left; clear:left; } div#menu_container ul li { padding:2px; text-align:center; } I hope you can help! Thanks. Karl.. Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post