JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>
      <a href="\">Главная</a>
  </li>
  <li>
      <a href="\">Основные документы</a>
  </li>
  <li>
      <a href="\">Приказы</a>
  </li>
  <li>
      <a href="\">Последние новости новости новости</a>
  </li>
</ul>

CSS

li{
float:left;
width:100px;
height:100px;
background:#333;
}
li a{
width:100%;
height:100px;
display:table-cell;
vertical-align:middle;
color:#fff;
}