JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background">
    <ul class="menu">
        <li class="menu_first"><a href="#">Меню</a></li>
        <li><a href="#">Акции</a></li>
        <li><a href="#">Доставка</a></li>
        <li><a href="#">Новости</a></li> 
        <li class="menu_last"><a href="#">Контакты</a></li>
    </ul>
</div>

CSS

ul li {
    display: inline;
    float: left;
}

.menu li {
    margin-left: 15px;
    margin-top: 8px;
}

.menu a {
    color: #FFFFFF;
    font-weight: bold;
}

.background {
    height: 40px;
    background: url('http://networkcomp.ru/background.png') repeat-x;
}