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

Пользователь

от neal_bergstrom , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cristina.schaefer , 2 года назад

Сделать отступ абзаца в html можно так:


1
2
3
4
body>
    <p style="text-indent: 25px;"> Солнце светит ярко.</p>
    <p>Небо голубое</p>
</body>


Пользователь

от marlen , год назад

@neal_bergstrom 

Для создания отступа абзаца в HTML можно использовать тег <p> и стиль CSS margin. Например:

1
<p style="margin: 20px 0;">Текст абзаца</p>


Это создаст отступ в 20 пикселей сверху и снизу. Если вы хотите создать отступ только сверху или снизу, используйте margin-top или margin-bottom соответственно.

1
<p style="margin-top: 20px;">Текст абзаца</p>


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

1
2
3
4
5
6
7
8
<style>
  p {
    margin: 20px 0;
  }
</style>

<p>Текст абзаца</p>
<p>Еще один текст абзаца</p>