JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>

CSS

ul { font-size: 0; }
li { display: inline-block; font-size: 1rem; }
li::after { content: '|'; }