JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><a href="">ONE</a></li>
  <li><a href="">TWO</a></li>
  <li><a href="">THREE</a></li>
  <li><a href="">FOUR</a></li>
  <li><a href="">FIVE</a></li>
  <li><a href="">SIX</a></li>
  <li><a href="">SEVEN</a></li>
  <li><a href="">EIGHT</a></li>
</ul>

CSS

ul li {
  display:inline-block;
  width:120px;
  height:90px;
  margin-bottom:5px;
  border:1px solid;
}

a {
  background:green;
  display:inline-block;
  width:100%;
  height:100%;
}