JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
       <ul>
           <li><a href="index.html">о компании</a></li>
           <li><a href="uslugi.html">услуги</a></li>
                <li><a href="price.html">цены</a></li>
                    <li><a href="contacts.html">контакты</a></li>

       </ul>
        </nav>

CSS

nav ul{
    padding-left: 85px;
    list-style: none;
    width: 100%;
}
nav ul li{
    float: left;
    list-style: none;
    font: 22px Tahoma;
    color: black;
    margin-right: 50px;
}
nav ul li:first-child{
      width:135px;
}
nav ul li:not(:first-child){
      width:110px;
}

a{
    text-decoration: none;
    color: black;
}

a:hover{
    color: #e2001a;
    font-weight: bold;
}