JSFiddle - React, Tailwind, and code Playground

by Dygerati

HTML

<nav> 
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
</nav>

CSS

nav {
    overflow: hidden;
    text-align: center;
}

a {
    display: inline-block;
    padding: 0 10px;
    margin: 25px 0;
}

a + a  {
    border-left: 1px solid black;    
}