JSFiddle - React, Tailwind, and code Playground

by Oleg Khobotov

HTML

<li>        
        <a href="#hover" class="link">Lorem ipsum dolor...</a> 
    </li> 
    <li>        
        <a href="#hover" class="link">Lorem ipsum dolor...</a> 
    </li> 
    <li>        
        <a href="#hover" class="link">Lorem ipsum dolor...</a> 
    </li>

CSS

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

li:hover {
    background-color: yellow;
}

li a {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}