JSFiddle - React, Tailwind, and code Playground

by Baumr

HTML

<body>
    <div class="menu">
        <ul>
            <li><a href="#">item0</a></li>
            <li><a href="#">item1</a></li>
        </ul>
    </div>
</body>

CSS

li {
background: grey;
}

div {
    width: 100%;
}
        .menu a
        {
            text-decoration: none;
        }
        .menu li:hover a
        {
            color: black;
    color: red;
            text-decoration: underline;
     background: white;
    width: 100%;
    height: 100%;
   
        }