Выравнивание блока по центру, выравнивание сайта по центру экрана

Для выравнивания сайта по центру, а также блоков в контейнере можна использовать такой способ:

1) Выравнивание по центру по горизонтали и вертикали:

Присваиваем внутреннему блоку стиль с отступом margin: auto auto. В этом случае браузер расчитает одинаковый отступ со всех границ блока и расположет его посредине.

 

 

 

 

  1. <div>
  2. <div style="margin: auto auto">
  3. Текст блока</div>
  4. </div>

2) Выравнивание по центру только по горизотнали. Чаще всего применяется для выравнивания сайта.

Присваиваем внутреннему блоку стиль с отступом margin: 0 auto. В этом случае браузер расчитает одинаковый отступ с правой и левой границы блока и расположет его посредине. а вертикальное выравнивание будет относительно верха страницы.

 

 

 

 

  1. <div>
  2. <div style="margin: 0 auto">
  3. Текст блока</div>
  4. </div>

Ключевые слова: 

Вас также может заинтересовать

Добавить комментарий

CAPTCHA
Для того, что б подтвердить что Вы человек, заполните, пожалуйста, форму проверки
Image CAPTCHA
Введите символы, которые изображены на картинке.