Как сделать отступ абзаца в css

Чтобы задать отступы для абзаца в CSS, можно использовать свойство margin. Свойство margin устанавливает отступы вокруг элемента и может быть задано для каждого края отдельно (margin-top, margin-right, margin-bottom, margin-left) или для всех сторон сразу (margin).

HTML:

<p class="paragraph">Содержимое абзаца</p>

CSS:

.paragraph {
  margin-top: 20px;
  margin-bottom: 20px;
}

В этом примере мы задали отступ сверху и снизу абзаца с помощью свойств margin-top и margin-bottom. Значение 20px устанавливает отступ в 20 пикселей (можно использовать также и другие единицы измерения). Если вы хотите установить одинаковый отступ для всех сторон, можно использовать свойство margin.

HTML:

<p class="paragraph">Содержимое абзаца</p>

CSS:

.paragraph {
  margin: 20px;
}

Здесь мы задали отступ в 20 пикселей для всех сторон абзаца одновременно с помощью свойства margin. Если же вы хотите установить отступ только для левой или правой стороны абзаца, можно использовать соответствующие свойства margin-left и margin-right.

реклама

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

реклама

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

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

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

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

Закажите услугу Как сделать отступ абзаца в css

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