JSFiddle - React, Tailwind, and code Playground

by Al Kasih

HTML

<ul id="menu">
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
</ul>

CSS

#menu {
        list-style:none;
        border-bottom:solid 5px blue;
    }
    #menu li {
        display:inline-block;
    }
    #menu li:hover {
        display:inline-block;
        border-bottom:solid 5px red;
        margin-bottom:-5px;
    }