JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="">enlace</a></li>
    <li><strong>strong</strong></li>
    <li><span>span</span></li>
</ul>

CSS

ul li :hover {
    text-decoration: none;
    text-transform:capitalize;
    display:block;
    color:#ffffff;
    background:#D50000;
    -webkit-border-radius:3px;
    border-radius:3px;
    width: 100%;
}