Как выровнять div в CSS?

Question

У меня есть поле, которое я сделал в CSS, и я хочу, чтобы оно было выровнено по центру.К сожалению, я просмотрел все и не могу найти ответ, который работает.HTML:

<div id="top_bar">
        <div class="inner">

        </div>
</div>

CSS:

#top_bar {
vertical-align:text-top;
width: 90%;
/*padding: 10px;*/
border: 3px solid gray;
/*margin: auto;
margin-left: auto;
margin-right: auto;*/
position: fixed;
bottom: 0px;
}

#top_bar .inner {
  padding:10px;
}

body { margin-left:0px; }

Answer 1

удалить position:fixed, см. вопрос для получения дополнительной информации

Answer 2

#top_bar{
  margin:0 auto;
  /* Others .... */
}

Answer 3

Вот рабочий образец .

Если родительский элемент, такой как #wrapper, в этом случае имеет text-align:center, а контейнер #content внутри имеет margin: 0 auto;, он будет центрироваться. Вы можете поиграть с этим jsFiddle, чтобы понять, что будут делать разные правила, и применить то, что вы узнали, к своему коду выше.

В вашем коде выше, position: fixed заставляет контейнер перемещаться в позицию. Его нужно удалить, чтобы центрирование работало, как я показал в моем примере.

Answer 4

Возможно, попробуйте добавить поле: auto на внутренний div