JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: grey;
}

a {
  color: white;
  display: block;
  padding: 1em;
}

a:hover {
  background-color: lightgrey;
}