Можно использовать псевдо-элементы: либо
:after либо
:before
В качестве контента указать
"|"
Ну и соответственно выровнять:
- С помощью абсолютного позиционирования для псевдоэлемента
- Либо задав для псевдо элемента
display: inline-block;
и выравнивая с помощью margin и padding