Can't get my navigation menu in the center of the page

Question

The navigation menu is not centered. I have tried many methods of getting it to be centered, but none worked.

HTML

Answer 1

http://jsfiddle.net/NLfaz/4/

#nav-bar {
   text-align: center;
}

#nav-bar li {
   float: left;  /* removed this line */
   display: inline-block;
}

Also, you weren't closing some of your css with } , so I added those in