JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top_menu">
    <ul>
        <li>Главная</li>
        <li>О компании</li>
        <li>Доставка</li>
        <li>Вопрос-ответ</li>
        <li>Контакты</li>
    </ul>   
</div>

CSS

#top_menu{
background-color: #ffc800;
height:28px;
font:11px/28px Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
width:415px; 
}
#top_menu li{float:left;}
#top_menu a{
display:block;
border-right:1px solid #e38500;
color:#FFF; 
padding:0 9px;
position:relative; 
float:left; 
text-decoration:none;
}
#top_menu a:hover{
background-color:#ccc;
color:#000;
}