Страницы

Поиск по вопросам

воскресенье, 7 июля 2019 г.

Как сделать border для маркера?

В списке под каждым li стоит border-bottom, но он не распространяется на маркер. Можно ли как то подчеркнуть li вместе с маркером?


Ответ

Как вариант через псевдоэлемент:
* { margin: 0; padding: 0; } .wrapper { margin: 1rem; } ul li { position: relative; padding: 0.85rem; list-style-type: none; border-bottom: 1px solid; } li::before { content: "•"; position: absolute; left: 5px; }

  • Lorem
  • Ipsum
  • Dolor
  • Amet

Комментариев нет:

Отправить комментарий