JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<ul class="navBar">
    <li><a href="">Link1</a></li>
    <li><a href="">Link2</a></li>
    <li><a href="">Link3</a></li>
</ul>

CSS

.navBar {
    background: #333;
    font-size: 0; /*remove whitespace*/
}

.navBar li {
    display: inline-block;
    font-size: 16px; /*recoup font-size*/
}

.navBar a {
    display: block;
    padding: 11px 5px 15px;
    color: white;
}

.navBar a:hover {
    background: rgba(255,255,255,0.2)
}