Как сделать отступ текста в html

Для формирования отступов внутри элемента, например блока с текстом, необходимо использовать свойство padding.

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

Рассмотрим пример:

<div class="box">
  <p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
    when an unknown printer took a galley of type and scrambled it to make
    a type specimen book.  
   </p>
/div>

Задав значение как указано ниже, текст разместиться в блоке с отступом слева и сверху по 40px.

.box {
  background-color: #38d9a9;
  width: 250px;
}

p {
  padding-left: 40px;
  padding-top: 40px;
}

Результат:

text-padding

0 0