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
→ Ссылка
.menu__f__small li:nth-child(3) {
position: absolute;
top: 79px;
left: 0px;
}