Маркер списка для ссылок возможностями CSS (без тега li)

css

Работая над очередным проектом, так получилось, что мне по ТЗ нужно было добавить маркер к элементам. Использование тегов списка там не было возможным. Поэтому была задача прикрутить к ссылке маркер, при том, не используя картинку. И тут на помощь пришел псевдоэлемент before. С помощью него можно создать маркер, при том не используя совсем, теги списка. Итак, приступим.

Есть, например список ссылок:

Пример списка ссылок

Определяем элемент before для этих ссылок и назначаем ему свойства, которые будут отображаться как маркер:

Пример списка ссылок с маркерами

Комментарии