br в CSS. Какой код написать?

Какой код написать в CSS, чтобы br в HTML-е не написали?

<ul class="menu__f__small">
    <li class="menu__item__f__small"><a            id="header__item__footer">Главная</a></li>
    <li class="menu__item__f__small"><a id="catalog__item__footer">Каталог</a></li>
    <br class="menu__item__f__small__br">
    <li class="menu__item__f__small"><a id="delivery__item__footer">Дотавка и оплата</a></li>
    <li class="menu__item__f__small"><a id="bonuses__form__item__footer">Контакты</a></li>
    <li class="menu__item__f__small"><a id="reviews__item__footer">О нас</a></li>
</ul>


Ответы (3 шт):

Автор решения: Sevastopol'

Используйте псевдокласс :nth-child. Пример:

li:nth-child(3) {
  margin-top: 20px;
}
<ul class="menu__f__small">
  <li class="menu__item__f__small"><a id="header__item__footer">Главная</a></li>
  <li class="menu__item__f__small"><a id="catalog__item__footer">Каталог</a></li>
  <li class="menu__item__f__small"><a id="delivery__item__footer">Доставка и оплата</a></li>
  <li class="menu__item__f__small"><a id="bonuses__form__item__footer">Контакты</a></li>
  <li class="menu__item__f__small"><a id="reviews__item__footer">О нас</a></li>
</ul>

→ Ссылка
Автор решения: G__FE

Получилась решить задачу, но через position: absolute.

→ Ссылка
Автор решения: G__FE

.menu__f__small li:nth-child(3) {
    position: absolute;
    top: 79px;
    left: 0px;
}

→ Ссылка