JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li><a href="#">blaat</a></li>
	<li><a href="#">blaat</a></li>
	<li><a href="#">blaat  aaaaaa</a></li>
	<li><a href="#">blaat</a></li>
	<li><a href="#">blaat</a></li>
	<li><a href="#">blaat</a></li>

</u>

CSS

ul li {
 float: left;    
list-style:none;
    width: 15%;
    padding:5px;
    border:1px solid black;
      min-height:40px;
    display: table

   
    
}

a {
   
    display:table-cell; 
    vertical-align:middle;
}