центр 2 элементы с дисплеем встроенный блок

У меня есть этот простой код CSS:центр 2 элементы с дисплеем встроенный блок

div { 
    width:100px; 
    height:100px; 
    border:1px solid #000000; 
    display:inline-block; 
    margin:0 auto; 
    text-align:center; 
}

И этот HTML код:

<div> 
</div> 
<div> 
</div>

я с трудом пытаясь сосредоточить эти 2 DIVs по горизонтали через экран с inline-block. Ни margin auto, ни text-align center не работает.

источник

2014-09-14 Michael Samuel

выравнивания текста: центр должен был бы быть на родителе элементы .. в этом случае, попробуйте на теле – webkit

Вы должны добавить контейнер div и добавить text-align в контейнер. – emmanuel

text-align выровняет встроенный содержание элемента. Поэтому вам нужно будет применить это свойство к родительскому элементу <div>.

text-align - MDN:

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

В приведенном выше случае, я думаю, было бы <body>:

body{ 
    text-align:center; 
}

JSFiddle

источник

2014-09-14 14:13:23 George

Я знаю это решение уже ... нет другого? –

Не с вашей текущей разметкой, нет. В чем проблема с этим решением? – George

центр 2 элементы с дисплеем встроенный блок

ответ

Смежные вопросы