JSFiddle - React, Tailwind, and code Playground

by Idered

HTML

<nav>
    <ul>
        <li>Sample link 1</li>
        <li>Sample link 2</li>
        <li>Sample link 3</li>
        <li>Sample link 4</li>
    </ul>
</nav>

CSS

nav {
    margin: 10px;
}

nav li {
    float: left;
    margin-right: 10px;
}

nav li + li {
    border-left: 1px solid #ccc;
    padding-left: 10px;
}