JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mainmenu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</div>

CSS

.mainmenu {
height: 50px;
background-color: #003362;
border-radius: 20px 20px 0 0;
}

.mainmenu ul {
text-align: center;
margin-top: 0;
}

.mainmenu  ul li{
list-style: none;
display: inline-block;
padding: 0 15px 0 15px;
height: 50px;
line-height: 50px;
background: url('http://css-live.ru/wp-content/themes/css-live/images/navLi_left1.gif') 0 50% no-repeat; /* картинка разделитель*/
}

.mainmenu  ul li a{
color: #FFF;
font-size: 16pt;
}
.mainmenu  ul li:first-child{
background: none;
}