JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="index.html" id="home">Home</a><!--
    --><a href="about.html" id="about">About Us</a><!--
    --><a href="contact.html" class="last" id="contact">Contact</a>
</div>

CSS

div{ display:inline-block;}
a{
    
    padding:8px 15px;
    text-decoration:none;
    font-size:13px;
    color:#000;
    border:1px solid #000;
    border-right:0px;
    background:#b3b3b3;
    transition: background-color 0.5s ease;
}

.last{
    border-right:1px solid #000;
}

.active {
    background-color:#556677;
}