Не могу получить divs центральным в родительском

Question

У меня есть 6 divs, который будет содержать изображения для продуктов, и я хочу их рядом друг с другом рядами по три, но тогда я хочу, чтобы они были центрированы.

Это код, который я создал для родителя, и все его совершенства, кроме того, что они являются центральными.

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

Как вы можете видеть, дивы выровнены влево по сравнению с горизонтальным правилом ..

Вот весь мой код: http://jsfiddle.net/FNkUP/

Answer 1

Удалить «дисплей: встроенный блок» собственности, и он будет работать хорошо. или сделать его «display: block».

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

For text align check this fiddle

Answer 2

просто добавьте в ваш CSS

#parent 
{ 
text-align:center; 
} 

или изменить тег родительский стиль как

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

просмотреть обновленную FIDDLE