JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav">
    <li><a href="">Характеристики</a></li>
    <li><a href="">Отзывы</a></li>
    <li><a href="">Вопросы</a></li>
    <li><a href="">Похожие товары</a></li>
    <li><a href="">Дороже и дешевле</a></li>
    <li><a href="">В кредит</a></li>
</ul>

CSS

ul,li{
    margin: 0;
    padding: 0;
}

*{
    box-sizing: border-box;
}

.nav{
    width: 100%;
    display: table;
 
}

.nav li{
    display: table-cell;
    padding: 0 5px;
    text-align: center;
}

.nav a{
    width: 100%;
    display: block;
    padding: 10px;
    background: #ccc;
    white-space: nowrap;
}