Выравнивание div по горизонтали

Question

Попытка заставить это работать с моим сайтом, посмотрела на некоторых людей, у которых была эта проблема, но по какой-то причине я не могу заставить ее работать. Правильно ли этот код? должен ли я начать искать где-то еще, чтобы найти проблему, потому что, когда я помещаю ее в фактическую таблицу, она работает.

получил его на работу, делая это =

.headerout 
{  
    width 100%; 
    text-align: center; 
} 

.headerin 
{  
    display: inline-block; 
} 

не сказать этим Div, чтобы выровнять по горизонтали?

<div class="headerout"> 
<div class="headerin"><div class="phone" style="white-space: nowrap;"> Call Toll Free: 888-674-4044</div> 
    <div class="phone" ><img src="http://www.mphclub.com/wp-content/uploads/2013/04/quote.png" width="40" height="23"></div> 
    <div class="phone" ><img src="http://www.mphclub.com/wp-content/uploads/2013/04/reservation1.png" width="40" height="23"></div> 
</div></div> 

Не очень, но делает трюк для меня.

Answer 1

Изображение во второй DIV имеет ширину набора на 100%, так что ДИВ получает ширину на 100%, поэтому нет места для другой DIV на той же линии ...

Но в любом случае ваш HTML имеет много проблем: вы не должны ставить такие стили, вы не должны использовать теги шрифтов и т. д.

Answer 2

CSS не имеет смысла. margin: 0 auto; центрирует элемент горизонтально внутри другого элемента, он не центрирует своих детей, если это то, чего вы пытаетесь достичь.

Кроме того - ваш код действительно плохой. Не используйте встроенный стиль, теги шрифтов и параметры выравнивания.