JSFiddle - React, Tailwind, and code Playground

by Mihai_T

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:table;
  width:120px;
  height:90px;
  margin-bottom:5px;
  border:1px solid;
  float:left;

}

a {
  background:green;
  display:table-cell;
  vertical-align:bottom;
  width:100%;
  height:100%;
}