+7(983)178-57-68

Новые горизонты успешного бизнеса!

Главная Посчитать и заказатьОставить заявку Статьи Отзывы Контакты

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

Иногда есть необходимость выровнять блок по середине страницы или по центру другого блока. Сделать это довольно просто. Итак наш html код
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="center">Этот блок расположен по центру</center>
</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, а слева и справа определяется автоматически.

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


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


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

Опубликовано: | Просмотров: 2737