JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul li {
    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;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}