Этот HTML-код работает:
<div class="MyContainer" align="center">
<div>THIS DIV IS CENTERED</div>
</div>
Но я хотел бы сделать это в css контейнера, что-то вроде:
.MyContainer{
align: center;
}
Итак, все мои контейнеры будут центрировать div внутри.
Свойство CSS для выравнивания текста называется text-align не align как в встроенной DOM атрибут.
Если вы хотите центрировать элемент блока (например, div, p, ul и т.д.)), вам нужно установить его ширину и установить горизонтальные поля auto.
Например, следующий код сделает каждый div внутри элемента с классом MyContainer 80% размером своего родителя и центрирует его в середине своего контейнера.
.MyContainer div {
margin: 0 auto;
width: 80%;
}