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

Question

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

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

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

.MyContainer{ 
    align: center; 
} 

Так что все мои контейнеры центрирует дивы внутри.

Answer 1

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

---

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

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

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

jsFiddle Demo