Как выравнять элементс с display:inline-block по горизонтали?

[Akkord87]

Собственно сам вопрос в названии темы. Ни как не могу разобраться как тег <div> с display:inline-block выравнять по горизонтали... margin: auto тут почему то не помогает. Данный элемент прижат к левому краю и никак не хочет на середину

[iKNG]

Margin: 0 auto работает только для display: block с фиксированной шириной. Ссылочка (не в Сибирь).

Edited February 8, 2014 by iKNG

[Raskru]

В CSS, для объекта с укзанным свойстом display: inline-block, который необходимо выровнять по горизонтали, дополнительно указать следующее свойство и его значение:

text-align: center;

[Aleksandr.L]

Вот так вам нужно? http://jsbin.com/fexaf/1/edit?html,css,output

[SelenIT]

Инлайн-блоки, как подсказывает название, живут в инлайновом контексте — на равных правах с текстом — и подчиняются свойству text-align родительского элемента.

[Akkord87]

Вот так вам нужно? http://jsbin.com/fexaf/1/edit?html,css,outputВ

Во)))) спасибо)) вот в чем фишка)) text-align: center; надо было не для div задавать, а для body)) и тогда div с display: inline-block; выравнивается по центру страницы))