JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
        <a href="#" class="menu-item">One</a>
        <a href="#" class="menu-item">Two</a>
        <a href="#" class="menu-item">Three</a>
        <a href="#" class="menu-item">Four</a>
        <a href="#" class="menu-item">Five</a>
        <a href="#" class="menu-item">Six</a>
</div>

CSS

.menu {
    text-align: center;
}

.menu-item {
    display: inline-block;
    padding: 10px 30px;   
    background: #fff;
    border-left: 1px solid #000;
}
.menu-item:first-child {
    border: none;
}