Center navigation bar with CSS

Question

I am trying to center my nav bar. I checked my sites but nothing works and I\'m completely stumped as to why it won\'t center, here is my navigation bar HTML that I want to cent

Answer 1

On your .menu class, you do have text-align:center set. We can certainly use that to center the child nodes.

So within your .menu li css property, add display:inline-block and remove the floats. This will center your list items.

See the fiddle: http://jsfiddle.net/RGREA/

Answer 2

<style>
div.nav{margin: 3px auto;}
</style>