JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul {
    text-align:center;
}
li {
    display:inline-block;
    padding:0 20px;
    position:relative;
}
li:not(:last-child):after {
    content:"|";
    position:absolute;
    right:0;
}
/* li:not(:last-child):after {
        content:" ";
        width:1px;
        position:absolute;
        border-right:1px solid;
        right:0;
        top:0;
        bottom:0;
    }*/