Как между элементами flexbox (space-between) поставить маркер?

Question

[Александр]

хочу использовать flexbox для отображения списка
идеально подходит

display: flex;
    justify-content: space-between;

но между элементами нужно всунуть маркеры
возможно ли такое реализовать если использовать флексбокс?

Answer 1

[Алексей Николаев]

Просто делайте отдельные элементы списка (li class="separator"), но без ссылок внутри, и превращайте их в маркеры при помощи CSS.

Comments

[Александр]

спасибо, так и сделал

Answer 2

[fetis26]

Делайте список сразу с маркерами.

Comments

[Александр]

в таком случае маркер рядом с элементом находиться, а не между двумя

Answer 3

[Алмаз Бисенбаев]

Что если всунуть маркеры как отдельные flex-элементы с помощью :before/:after

Comments

[Александр]

в таком случае маркер рядом с элементом находиться, а не между двумя

[Сергей delphinpro]

::before - это псевдоэлемент, находящий не перед элементом, а перед содержимым элемента. Почувствуйте разницу.