Изменение расстояния между абзацами HTML?

Ответить
Ответить
Комментировать
4
Подписаться
1
2 ответа
Поделиться

Этот ответ написан и доступен на

Этот ответ написан и доступен на Яндекс Кью

Вы можете изменить расстояние между абзацами при помощи CSS-свойства margin, либо более специфичных margin-top (отступ сверху) и margin-bottom (отступ снизу).

Вот пример кода:

p {

margin-top: 10px;

}

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

p:first-child {

margin-top: 0;

}

В приведенном выше примере задается отступ сверху. Несмотря на то, что вы можете задавать отступ и снизу, я все-таки рекомендую отступать именно сверху, т.к. таким образом у вас не будет лишних отсупов между блоком текста, внутри которого располагаются абзацы и следущим за ним блоком.

1
0
Прокомментировать

Проще так:

.some-container-element-class001 p {

margin-top: 2em;

margin-bottom: 2em;

}

Подробности:

Это CSS. Замените имя класса на необходимое. Или пишите для селектора p, без родительского класса. Вместо 2em подставьте нужное значение, но лучше всего именно в em (это условная высота строки относительно текущего размера символов).

Помните про схлопывание полей: расстояние по вертикали между двумя элементами равно наибольшему из двух полей (margin-bottom верхнего элемента и margin-top нижнего), а не сумме полей.

В моём примере у абзаца внешние поля 2em по вертикали, но расстояние между двумя абзацами будет именно 2em, а не 4em.

Всяк Сверчокотвечает на ваши вопросы в своейПрямой линии
0
-1
Прокомментировать
Ответить
Читайте также на Яндекс.Кью
Читайте также на Яндекс.Кью