How I can center a menu bar with ul

Question

I have a simple menu bar inside a div and I can center the div but I want to center the menu bar inside the div.

This is the code:

CSS:

Answer 1

First off all, make sure the div is wider that the menu bar. You can try

display:inline

or if not

text-align:center;

for the div