JSFiddle - React, Tailwind, and code Playground

by Fredy Sudhir

HTML

<ul>
    <li>Home</li>
    <li>About</li>
    <li>Products</li>
</ul>

CSS

ul {
    list-style-type: none;
    background-color:red;
    font-size:0;
}

li {
    padding: 0px 10px;
    padding-top: 11px;
    min-height: 38px;
    display: -moz-inline-stack;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    color: #000;
    vertical-align:middle;
    cursor:pointer;
    zoom: 1;
    *display: inline;
    _height: 38px;
    background-color:yellow;
}

li:hover {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .18);
}