Дополнительный разрыв строки между упорядоченными элементами списка

Question

Вопрос. Можно ли добавить дополнительный разрыв строки между элементами списка. Например,

Моя текущая ситуация. Я использую Rails с начальной загрузкой.

  <h1> Things I like </h1>
  <ol>
    <li> Apples </li><br>
    <li> Bananas </li><br>
  </ol>

Я хочу этот дополнительный разрыв строки между моими элементами списка, но я не хочу делать тег br между каждым. Можно ли об этом позаботиться через CSS или какой-то специальный класс начальной загрузки?

Answer 1

В вашем файле CSS:

li {
    margin-bottom: 10px;
}

Вы можете изменить метод доступа ("li") или значение по своему усмотрению.

Answer 2

li {
    margin: 0 0 20px 0;
}

сверху, справа, снизу, слева

или

li{
    margin: 10px 0;
}

для верхней и нижней, левой и правой

или просто

li {
   margin-bottom: 20px;
}