JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">This</a></li>
    <li><a href="#">That</a></li>
    <li><a href="#">and then something</a></li>
    <li><a href="#">or another</a></li>
</ul>

CSS

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    display: inline-block;
}

li:after {
    content: "|";
    display: inline-block;
    margin: 0 2px 0 6px;
}

li:last-child:after {
    display: none;
}