JSFiddle - React, Tailwind, and code Playground

HTML

<h2>old browsers - table layout</h2>
<div class="menu">
<a>Подати історїю</a>
<a>О премії</a>
<a>Істориї мам</a>
<a>Партнери</a>
<a>Новини</a>
<a>Нагороди</a>
<a>Правила конкурсу</a>
<a>FAQ</a>
</div>
<h2>new browsers - flex</h2>
<div class="menu1">
<a>Подати історїю</a>
<a>О премії</a>
<a>Істориї мам</a>
<a>Партнери</a>
<a>Новини</a>
<a>Нагороди</a>
<a>Правила конкурсу</a>
<a>FAQ</a>
</div>

CSS

.menu{
  width:960px;
  display:table;
  margin-bottom:30px;
  border:1px solid red;
}
.menu a{
  display:table-cell;
  text-align:center;
  
}
.menu1{
  width:960px;
  display:flex;
  justify-content:space-around;
  border:1px solid #333;
}