JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>test1</li>
<li>test2</li>
<li>test3</li>
<li>test4</li>
    
</ul>

CSS

li {
    background-color: grey;
    width: 100px;
    height: 30px;
    margin: 5px 0;
}

li:hover {
    color: red;
}