Как сделать отступы в списке css

Чтобы создать отступы в списке в CSS, можно использовать свойство padding. Оно устанавливает внутренний отступ вокруг содержимого элемента и позволяет создать желаемый интервал между элементами списка.

Рассмотрим пример для создания отступов в нумерованном списке:

<ol class="my-list">
  <li>Первый пункт</li>
  <li>Второй пункт</li>
  <li>Третий пункт</li>
</ol>

Добавим стили для элемента my-list:

.my-list {
  padding: 20px;
}

Здесь мы установили padding на 20px, что создает отступы вокруг всех элементов списка. Если вы хотите установить разные значения для верхнего, нижнего, левого и правого отступа, то можно использовать свойства padding-top, padding-bottom, padding-left и padding-right.

.my-list {
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 50px;
}

Здесь мы установили разные значения отступов для каждого свойства, что создает несколько типов интервала вокруг элементов списка. Вы можете изменять значения свойств, чтобы получить желаемые отступы, которые соответствуют вашим требованиям.