JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
  <div class="menu">
<a href="http://#">Контакты</a>
<a href="http://#">Наглядно</a>
<a href="http://#" class="podcherk">Услуги и прайс</a>
<a href="http://#">Вам о нас</a>
</div>
  
  </div>

CSS

#header {
        background-color: #FFF;
        height: 34px;
        width: 940px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
}
#menu{
        margin:0;
        padding:0px;
        height: 14px;
        width: 660px;
        position: relative;
        float: right;
        top: 7px;
        }
.menu a {
        
        font-family: "Century Gothic";
        font-size: 14px;
        text-decoration: none;
        color: #2a2a2a;
        display: inline;
        float: right;
        padding-left: 5px;
        padding-top: 0px;
        border-right-style: double;
        border-right-color: #cde5e2;
        border-right-width: 1px;
        padding-right: 5px;
}
.menu a.podcherk {
        color: #7ac5f2;
        text-decoration: underline;
}
.menu a:hover {
        color:#7ac5f2;
        }
.menu a:hover.podcherk {
        color:#FC0;
}