css - ボックス内の水平メニューを中央に配置する方法（div）

Question

次の例を見て、.menuBoxdivの内側を中央に配置する方法を教えてください。ご覧のとおり、私はすでにマージンを使用しています：0 auto; .menuBox div内のプロパティですが、なぜ機能しないのかわかりません。例： http： //jsfiddle.net/Behseini/hBDv9/30/

ul要素とli要素を親ボックスの自動中央揃えにする方法を教えてください。お時間を割いてコメントありがとうございます

Answer 1

LI で display: inline-block を使用し、UL で text-align: center を使用してみてください。

jsfiddle: http://jsfiddle.net/hBDv9/33/

Answer 2

要素は左にフロートしているため、中央に配置されていません。

自動マージンは正常に機能します (ページの赤い div 全体を中央に配置します)。

margin: auto解決策は、代わりに持つことかもしれませんfloat: left