JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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