JSFiddle - React, Tailwind, and code Playground

by afelixj

HTML

<ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
</ul>

CSS

a{
    background: grey;
    padding: 3px;
}
li{
    float: left; list-style: none; margin-right: 5px;
}
ul:hover a{
    color: #f00;
}
ul:hover a:hover{
    color: white;
}