Выравнивание DIV по горизонтали и вертикали

Выравнивание DIV по горизонтали и вертикали

Код CSS

.center {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -150px;
   margin-top: -150px;
}

Отрицательный отступ (margin) ровно в половину высоты и ширины приводит к тому, что элементы находятся в идеальном центре. Пример работает только с элементами фиксированной высоты\ширины.

Источник