JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu_footer">
    <ul>
<li><a href="/index.html">Создание сайта</a></li>
<li><a href="portfolio/index.html">Портфолио</a></li>
<li><a href="service/index.html">Доп. услуги</a></li>
<li><a href="seo/index.html">Продвижение</a></li>
<li><a href="#">Заказать</a></li>
<li><a href="about/index.html">О студии</a></li>
<li><a href="contacts/index.html">Контакты</a></li>
    </ul>
</div>

CSS

.menu_footer {
    width:100%;
    margin:0 0 37px;
    color:#fffca0;
    font-size:16px;
    line-height:18px;
    font-style:italic;
}
.menu_footer:after {
    content:"";
    clear:both;
    display:block;
}
.menu_footer ul {
    margin:0;
    padding:0;
    list-style:none;
}
.menu_footer ul li:first-child {
    padding:0 27px 0 0;
    background:none;
}
.menu_footer ul li {
    float:left;
    padding:0 27px 0 29px;
    background:url(../images/divider2.gif) no-repeat 0 4px;
}
.menu_footer ul li a {color:#000000;}
.menu_footer ul li a:hover {
    color:#fffca0;
    text-decoration:none;
}