JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav">
    <a href="#">some text</a>
    <a href="#">some text</a>
    <a href="#">some text</a>
</div>

CSS

.nav { 
    font-size: 0px; /* set font size 0px */ 
    overflow: hidden; /*for auto height*/ 
}

a { 
    background-color: #B3B3B3;
    transition: background-color 0.5s ease;
    display:inline-block;
    font-size:20px;
	padding:10px;
    border-top:2px solid black;
    border-bottom:2px solid black;
    border-right:2px solid black;
	color:black;
	position:relative;
    text-decoration: none;
    box-sizing: border-box;
}

a:first-child { border-left:2px solid black; }