JSFiddle - React, Tailwind, and code Playground

by Lysander

HTML

<ul>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>

CSS

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

li {
    display: inline;
}

li ~ li {
    margin-left: 10px;
    border-left: 1px solid black;
    padding-left: 10px;
}