JSFiddle - React, Tailwind, and code Playground

by SvetaGr

HTML

<ul id="section_menu">
				<li class="selected"><a data-page="1" href="">Главная</a></li>				<li><a data-page="4" href="blog">Блог</a></li>				<li><a data-page="3" href="dostavka">Доставка</a></li>				<li><a data-page="2" href="oplata">Оплата</a></li>								<li><a data-page="6" href="contact">Контакты</a></li>								</ul>

CSS

#section_menu {
    font-size: 0px;
    
    position:absolute;
    top:157px;
    height:43px;
    width:100%;
    
    background:#3463B3;
}
#section_menu li {
    font-weight:700;
    font-size: 12px;

    display:inline-block;

    text-transform:uppercase;

    border-right:1px solid #2A4569;
}
#section_menu a					{color:#fff;text-decoration:none;display:block;
    padding:15px 15px;}
#section_menu li:hover          {background: #333;}