Создать центр изображения онлайн урок.




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

Отрицательные поля - это ровно половина высоты и ширины, которые возвращают элемент в идеальный центр. Работает только с элементами фиксированной высоты.