Как сделать расстояние между строками в css

Для установки расстояния между строками в CSS можно использовать свойство line-height. Оно задает высоту строки в относительных или абсолютных единицах измерения.

Пример:

HTML:

<p>Это пример текста, где нужно задать расстояние между строками.</p>

CSS:

p {
  line-height: 1.5; /* устанавливаем расстояние между строками в 1.5 раза выше, чем высота шрифта */
}

В данном примере мы устанавливаем свойство line-height для абзаца (p). Значение 1.5 означает, что расстояние между строками будет в 1.5 раза выше, чем высота шрифта.

Также можно задать расстояние между строками в пикселях или других единицах измерения, например:

p {
  line-height: 24px; /* устанавливаем расстояние между строками в 24 пикселя */
}
p {
  line-height: 1.2em; /* устанавливаем расстояние между строками в 1.2 высоты текущего шрифта */
}
p {
  line-height: 1.5rem; /* устанавливаем расстояние между строками в 1.5 высоты шрифта корневого элемента html */
}

Значение свойства line-height можно задавать как для всего документа, так и только для определенного элемента, используя ID или класс.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать расстояние между строками в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали