Css центр div внутри контейнера?

Этот HTML-код работает:

<div class="MyContainer" align="center">
    <div>THIS DIV IS CENTERED</div>
</div>

Но я хотел бы сделать это в css контейнера, что-то вроде:

.MyContainer{
    align: center;
}

Итак, все мои контейнеры будут центрировать div внутри.

Ответ 1

Свойство CSS для выравнивания текста называется text-align не align как в встроенной DOM атрибут.

Если вы хотите центрировать элемент блока (например, div, p, ul и т.д.)), вам нужно установить его ширину и установить горизонтальные поля auto.

Например, следующий код сделает каждый div внутри элемента с классом MyContainer 80% размером своего родителя и центрирует его в середине своего контейнера.

.MyContainer div {
    margin: 0 auto;
    width: 80%;
}

jsFiddle Demo