JSFiddle - React, Tailwind, and code Playground

by equalsound

HTML

<ul>
  <li><a>Hello</a></li>
  <li>
    <div id="dirty">
      <a>Hello</a>
    </div>
  </li>
</ul>

CSS

ul {
  list-style: none; 
  margin: 0px; 
  padding: 0px;
}

li {
  margin: 5px 100px;
  background-color: #f1f1f1;
}

li:hover a {
  color: red;
}

#dirty {
  padding: 0px 100px;
  margin: 0px -100px;
}