Выравнивание содержимого внутри 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 в его родительском элементе и спросите себя, должен ли это быть span вместо div.

(Примечание: CSS использует :, а не =, а атрибут alt обязателен для элементов img)

Answer 2

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

Например:

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

CSS:

.wraper {
}

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

OR

 .wraper {
        text-align: center;
    }

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

Answer 3

Попробуйте это css:

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