Как сделать выравнивание в html странице

Как сделать выравнивание в html странице
Как сделать выравнивание в html странице
Как сделать выравнивание в html странице

Здравствуйте, посетители блога DenWeb.Ru. Почти всегда при верстке бывает нужно сделать так, чтобы страница сайта, в случае если ее ширина будет меньше разрешения экрана, выравнивалась по центру. Как это сделать?

Выравнивание страницы по ширине браузера дело не сложное. Для этого используем следующий метод:

HTML:

<html> <head> </head> <body> <div id="wrapper">Содержание сайта</div> </body> </html>

CSS:

{margin: 0; padding: 0;} body { text-align: center; } #wrapper { width: 800px; margin: 0 auto; }

Мы создаем блок div с идентификатором wrapper с шириной к примеру 800px, который является «оберткой» для всего содержимого страницы.

В начале обнуляем все отступы — {margin: 0; padding: 0} . У body прописываем свойство text-align: center, для выравнивания его содержимого по центру. А для блока wrapper задаем свойство margin: 0 auto, которое и выравнивает его по центру.

Таким способом можно выровнять любой другой элемент.

Как сделать выравнивание в html странице Как сделать выравнивание в html странице Как сделать выравнивание в html странице Как сделать выравнивание в html странице Как сделать выравнивание в html странице Как сделать выравнивание в html странице Как сделать выравнивание в html странице

Читать далее:




Поздравления с днём рождения 45 мужчине




Легкие поделки из спичек для начинающих




Начальная школа подарки своими руками на




Схема топливной системы на форд скорпио




Какой макияж глаз подходит карим глазам