Css 如何将水平菜单居中放置在方框（div）内

请看一下下面的例子，让我知道如何将.menuBox div的内部居中。正如您所看到的，我已经使用了边距：0 auto；属性在.menuBox div中，但我不知道它为什么不工作？！ 例如：

您能告诉我如何强制ul和li元素在父框中自动居中吗？

---

感谢您的时间和评论

元素向左浮动，这就是它们不居中的原因

自动边距工作正常（它将整个红色div置于页面中心）

---

解决方案可能是在LIs上使用display:inline块，在UL上使用一些text align:center

---

jsfiddle:

谢谢Peter，我知道了，但是为什么在更改为margin:auto；，之后列表项之间会有一些空格呢？再次感谢