Теперь Кью работает в режиме чтения

Мы сохранили весь контент, но добавить что-то новое уже нельзя

Как изменить расстояние между абзацами в HTML-документе?

ПрограммированиеДизайн+3
Анонимный вопрос
  · 9,6 K
Партнёрские программы, инструменты для вебмастера, рейтинг хостингов  · 8 мая 2020  · siterost.net
Отвечает
Вадим

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

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

p {

margin-top: 10px;

}

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

p:first-child {

margin-top: 0;

}

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

Рейтинг хостингов Siterost.netПерейти на siterost.net/services/hosting
2 эксперта согласны
web development, photography (заказывайте съёмки конференций, ивентов, фестов, свадеб...  · 5 июн 2019
Проще так: .some-container-element-class001 p { margin-top: 2em; margin-bottom: 2em; } Подробности: Это CSS. Замените имя класса на необходимое. Или пишите для селектора p, без родительского класса. Вместо 2em подставьте нужное значение, но лучше всего именно в em (это условная высота строки относительно текущего размера символов). Помните про схлопывание полей:... Читать далее