Div со свойством display: inline-block; по центру?

Question

[Darya Shvakh]

Добрый день!
Скажите пожалуйста, как Div со свойством display: inline-block; по центру?
И почему в данном случае не работает - margin: 0 auto;?
Спасибо!

Answer 1

[Владимир Проскурин]

родителю задайте text-align: center

Comments

[Darya Shvakh]

Ну точно, а я ему же задаю - text-align: center; и чё думаю - не робит?
Владимир Проскурин Спасибо!

Answer 2

[Максим Тимофеев]

И почему в данном случае не работает - margin: 0 auto;?

Зачем не работает? Все работает.

Вот мой случай: https://codepen.io/wokster/pen/odWMyR
Если в твоем случае не работает, оформи свой случай, так как я свой - разберемся.

Comments

[Одиночка Айс]

Работает только если задать ширину, а у ТС ее явно нет.

[Darya Shvakh]

Максим Тимофеев, Спасибо!
Вот:
https://jsfiddle.net/Daria_Shvakh/rLn00k3n/

[Максим Тимофеев]

Daria Shvakh, ну так
text-align: center;
родителю кто будет задавать? Прошу: https://jsfiddle.net/rLn00k3n/1/

[Darya Shvakh]

Максим Тимофеев, Спасибо!
Но если родителю text-align: center; то дочка и без margin: 0 auto; справляется.)
https://jsfiddle.net/Daria_Shvakh/rLn00k3n/2/
Но ещё раз Спасибо!

[Darya Shvakh]

Максим Тимофеев, но в Вашем примере если закоментировать text-align: center; у родителя, то дочка всё равно останется по центру!!!
Мистика?

[Максим Тимофеев]

Daria Shvakh, ))) Думаю jsfiddle vs codepen

[Darya Shvakh]

Максим Тимофеев, но мы обязательно ПОБЕДИМ!!!

C Наступающим!

[Максим Тимофеев]

Daria Shvakh, ))))