Выравнивание содержимого внутри DIV

Question

Как выровнять второй DIV (display_bar) к центру

<div id="display" style="display:inline;font-size:150%;" > </div> 
<div name="display_bar" id="display_bar" 
    style="margin-left: auto;margin-right: auto;width:125em;text-align:center;visibility=visible;display:inline;"> 
    <img class="view_prev" src="first.png"> 
    <img class="view_prev" src="2.png" > 
    <img class="view_prev" src="3.png" > 
    <img class="view_prev" src="4.png" > 
    <img class="view_prev" src="5.png" > 
</div> 

Кроме того, второй DIV должен быть на линии с первым DIV

Спасибо.

Answer 1

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

(NB: CSS использует :, не = и атрибут альт является обязательным для Img элементов)

Answer 2

Попробуйте CSS:

#display_bar 
{ 
    margin:0 auto; 
    width:300px; /* or whatever width */ 
} 

Answer 3

Вы также можете центрировать элемент с дисплеем: встроенный блок или отобразить: inline с помощью text-align: center на родительском элементе. Это также поможет центру текста. Я думаю, это может быть то, что вы хотите, так как вы сказали, что хотите выровнять все по центру. Просто поместите все это в div.

Например:

<div class="wraper"> 
    <div class="inwrap"> 
     Lorem ipsum dolor text... 
    </div> 
</div> 

УС:

.wraper { 
} 

.inwrap { 
    width: 50%; 
    margin: 0 auto; 
} 

ИЛИ:

.wraper { 
     text-align: center; 
    } 

    .inwrap { 
     display: inline-block; /*or inline*/ 
     width: 50%; 
    }