Как выровнять блок div (слой) по центру | Центрирование блока

Иногда есть необходимость выровнять блок по середине страницы или по центру другого блока. Сделать это довольно просто. Итак наш html код

<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="center">Этот блок расположен по центру</div>
</body>
</html>

Блок есть. Для того чтобы расположить его по центру необходимо к нашему блоку применить css-свойство margin:0 auto;

#center{
width:350px;
height:150px;
border:2px solid gray;
background:silver;
margin:0 auto; /* сокращение от margin:0 auto 0 auto; */}

То есть, отступ сверху и снизу равен 0, а слева и справа определяется автоматически.

Демонстрация

Остались вопросы? Спрашивайте!

Понравилась статья? Расскажи другим :)

Опубликовано: 14 февраля 2014 | Просмотров: 5579