JSFiddle - React, Tailwind, and code Playground

HTML

<div class="topMenu">
    <ul class="menu">
        <li class="item-101 current active">
            <a href="/">Главная</a>
        </li>
        <li class="item-102">
            <a href="/index.php/o-nas">О нас</a>
        </li>
        <li class="item-103">
            <a href="/index.php/novosti">Новости</a>
        </li>
        <li class="item-104">
            <a href="/index.php/postupayushchim">Поступающим</a>
        </li>
        <li class="item-105">
            <a href="/index.php/ekspertnyj-sovet">Экспертный совет</a>
        </li>
        <li class="item-106">
            <a href="/index.php/partnery">Партнеры</a>
        </li>
        <li class="item-107">
            <a href="/index.php/kak-nas-najti">Как нас найти</a>
        </li>
    </ul>
</div>

CSS

.topMenu {
    width: 1000px;
    margin: 0 auto;
    background-color: #c92427;
}

.topMenu ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 44px;
}

.topMenu li {
    height: 44px;
    float: left;
    list-style: none outside none;
}

.topMenu li a {
    display: block;
    height: 44px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-size: 14px;
    line-height: 45px;
}