JSFiddle - React, Tailwind, and code Playground

by kien16

HTML

<div id="menu">
    <ul>
        <li><a href="#">Who</a></li>
        <li><a href="#">What</a></li>
        <li><a href="#">Where</a></li>
    </ul>
</div>

CSS

#menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#menu a {
    float:left;
}
#menu a {
    display: block;
    width: 8em;
    color: white;
    background-color: #000099;
    text-decoration: none;
    text-align: center;
}

#menu a:hover {
    height: 30px;
    background-color: #6666AA;
}