how can I center this menu with CSS

Question

I have this menu fixed, how can I center this menu?
I already tried with margin: 0 auto, and float: left, but it doesn\'t work.
Are there any way to center ??
he

Answer 1

To make it vertically center need to remove display from the #main-nav li

#main-nav li {
    position: relative;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

Add text-align: center; in #main-nav