Разделение между словами?

Question

[deadshumz]

Как сделать вертикальные полосы между словами, если через символы, то как их адаптировать? (Чтобы при использовании колапса их не было?)
Вот пример:

Comments

[Kovalsky]

Например border

[deadshumz]

Kovalsky, а как убирать бордер в коллапсе?

[Kovalsky]

deadshumz, а коллапс не для этого нужен, он не убирает границы а просто объединяет примыкающие границы в одну, так что я пока не понял о чем речь

[Алекс Глебов]

как тут, только символ заменить
https://getbootstrap.com/docs/4.0/components/bread...

Answer 1

[meaqese]

<nav>
  <a href="">Products</a>
  <a href="">Services</a>
  <a href="">Contacts</a>
</nav>

a {
  text-decoration: none;
  color: black;
}

a::after {
  content: "|";
  margin-left: 5px;
}

nav a:last-child::after {
  content: "";
}

Демонстрация: https://codepen.io/meaqese/pen/VweWBvp