JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">link</a>
    <li><a href="#">link</a>
    <li><a href="#">link</a>
    <li><a href="#">link</a>
</ul>

CSS

li {
    display: inline-block;
    background: red;
}

a {
    display:block;
    padding: 20px;
}

a:hover {
    background: white;
}