JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

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