JSFiddle - React, Tailwind, and code Playground

by Galen Gidman

HTML

<ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About Us</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>

CSS

ul { font-size: 0; }

li { display: inline-block; }

li + li { margin-left: -2px; }

a {
    display: block;
    background: #B3B3B3;
    transition: 0.5s;
    font-size: 20px;
    padding: 15px 7px 5px;
    border: 2px solid black;
    color: black;
    text-decoration: none;
}

a:hover { background: #556677; }