JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu-wrapper"> 
<ul class="menu"> 
<li><a href="#" class="active">Главная</a></li> 
<li><a href="#">Подбор тура</a></li> 
<li class='spacer'>&nbsp;</li>
<li><a href="#">Контакты</a></li> 
<li><a href="#">О нас</a></li> 
</ul> 
</div>

CSS

.menu-wrapper { 
    background:url(http://oi58.tinypic.com/2hz3brk.jpg) center top no-repeat;  
    width: 838px;
    height: 111px;
    position: relative;
} 

ul.menu { 
    list-style: none; /*убираем маркеры списка*/ 
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0px;
    right: 0px;
} 
.menu li { 
    float: left; /* Отображать как строчный элемент */ 
    width: 18%;
    text-align: center;
} 
.menu li.spacer {
    width: 20%;
}
 
.menu a { 
    text-decoration:none; /*убираем подчеркивание текста ссылок*/ 
}