Как сделать отступ по всем краям html

К абзацу (тег <p>) и заголовку (тег <h1>) автоматически добавляется верхний и нижний отступы, которые в сумме и дают большое расстояние между заголовком и текстом. Чтобы уменьшить величину отступа надо явно добавить свойство margin-bottom к селектору H1. Причем можно установить положительное, нулевое или отрицательное значение. Таким способом легко задавать желаемое значение отступа.

Когда требуется установить абзацный отступ, лучше всего использовать стилевое свойство text-indent. Его значение определяет насколько сдвинуть текст первой строки вправо от краям исходного положения. Ширина текстового блока при этом не меняется и остается исходно заданной. Величину отступа можно указывать в пикселах, процентах или других доступных единицах (пример 1).

Отступы на веб-странице хотя и не видны, но не позволяют содержимому плотно прилегать к краям окна браузера, чтобы обеспечивать комфортность чтения. Свое собственное значение отступов можно установить, изменяя значения свойства margin у селектора body.

При добавлении формы через тег <form> вокруг нее сверху и снизу автоматически добавляются отступы. Чтобы их убрать, используйте стилевое свойство margin с нулевым значением, добавляя его к селектору FORM.

При использовании тега <p> автоматически добавляются отступы сверху и снизу от текстового абзаца. Это сделано для того, чтобы визуально отделить один блок текста от следующего. Понятно, что значения отступов, которые заданы по умолчанию, устраивают не всегда, поэтому иногда их приходится уменьшать или увеличивать. Для этого можно использовать универсальное свойство margin, оно определяет отступы со всех сторон абзаца или margin-top для отступа сверху и margin-bottom — для отступа снизу.

Чтобы обнулить отступы и поля у всех элементов на странице, используйте стилевые свойства margin и padding с нулевыми значениями, добавляя их к универсальному как сделать отступ по всем краям html селектору.


Источник: http://htmlbook.ru/faq/theme/margin


Рекомендуем посмотреть ещё:


Закрыть ... [X]

Настройка отступов и интервалов - Служба поддержки Office Как сделать локоны дома утюжком

Как сделать отступ по всем краям html Как сделать (задать) отступ текста и изображения в html
Как сделать отступ по всем краям html HTML текст по центру, по ширине, справа - Выравнивание
Как сделать отступ по всем краям html Как изменить отступы на веб-странице?
Как сделать отступ по всем краям html Как сделать отступы html
Как сделать отступ по всем краям html Отступы на web-странице
Как сделать отступ по всем краям html Поля и отступы (HTML CSS)
Как сделать отступ по всем краям html HTML отступ текста
5.2. Криа - надрывание одежды Ариадна Детская одежда Отзывы Каталог (весна-лето.) Больше не нравится: 30 худших друзей в «Фейсбуке» - ВОС Замена тормозной жидкости своими силами журнал За рулем Йога студия Narayana Жуковский ВКонтакте Как сделать круг из гипсокартона на потолке своими руками Маски для секущихся волос в домашних условиях Мисс Молодежь Новости Санкт-Петербурга и Ленинградской области

Похожие новости