JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li>Five</li>
</ul>

SCSS

ul{
    //list-style: none;
    
    li{
        display: inline-block;
        
        &:after{
            content: "|";
        }
    }
}