html - 親の中心にある div を取得できません

Question

製品の画像を保持する6つdivsの画像があり、それらを3行に並べて配置したいのですが、それを中央に配置したい.

これは私が親のために作成したコードであり、それらが中心であることを除けばすべて完璧です。

<div id="parent" style="display:inline-block; margin:0 auto; width:730px">...</div>

ご覧のとおり、水平罫線と比較すると、div は左に揃えられています。

これが私のコードのすべてです：http://jsfiddle.net/FNkUP/

Answer 1

「display:inline-block」プロパティを削除すると、うまく機能します。または「display:block」にします。

div id="parent" style="display:inline-block;/*no need of this*/">...</div>

テキストの配置については、このフィドルを確認してください

Answer 2

これをcssに追加するだけです

#parent
{
text-align:center;
}

または親スタイルタグを次のように変更します

 style="display:inline-block; margin:0 auto; width:730px; text-align:center"

更新されたFIDDLEを確認する