Как сделать в навигационном меню ровный разделитель «|» между ссылками на страницы?
Можно использовать псевдо-элементы: либо :after либо :before
В качестве контента указать "|"
Ну и соответственно выровнять: С помощью абсолютного позиционирования для псевдоэлемента Либо задав для псевдо элемента display: inline-block; и выравнивая с помощью margin и padding
Еще можно сделать так (это конечно не самое лучшее, но и не худшее решение)
codepen.io/AndyLom/pen/xEEgrZ