JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
<ul>
<li><a href="">Главная</a></li></a>
<li><a href="">О компании</a></li></a>
</ul>
</div>

CSS

#menu
{
clear: both;
text-align: center;
background: #d82a47;
width: 90%;
height: 40px;
margin: 30px auto 0px auto;
border-radius: 3px;
font-size: 0;
}
#menu li:first-child
{
border-left: solid 1px #c91533;
}
#menu li
{
display: inline-block;
color: #fff;
font-size:15px;
font-family: calibri;
border-right:solid 1px #c91533;
}
#menu a
{
padding: 10px 25px;
color: #fff;
line-height: 40px;
vertical-align: middle;
}
#menu a:hover
{
color: #000;
background: #f58f2b;
}