Как лучше всего сверстать такие линии?

Question

Как лучше всего создать такие линии чтобы расстояние было равномерное. Before задать каждому?

Answer 1

Можно так

li {
  display: inline-block;
}

li:not(:last-child)::after {
  content: "|";
  padding: 0 5px;
}

<ul>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>