JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Dogs</li>
    <li>Cats</li>
    <li>Lions</li>
    <li>Tigers</li>
    <li>Zebras</li>
    <li>Giraffes</li>
    <li>Bears</li>
    <li>Hippopotamuses</li>
    <li>Antelopes</li>
    <li>Unicorns</li>
    <li>Seagulls</li>
</ul>

CSS

li { display: inline; }
li:after {
    content: ' | ';
}
li:last-child:after {
    content: '';
}