JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<span class="menu">
    <a href="">Главная</a>
    <a href="">Каталог</a>
    <a href="">О нас</a>
    <a href="">Контакты</a>
    <a href="">Новости</a>
    <a href="">Погода</a>
    <a href="">Отзывы</a>
    <a href="">Оплата/Доставка</a>
</span>

CSS

body {background:gray;}

.menu {
    background:#363739;
    display:inline-block;
}
.menu a {
    display:block;
    font:bold 12px sans-serif;
    line-height:33px;
    background:#48494B;
    color:#AEB3B7;
    text-decoration:none;
    padding:0 4px;
    border-top:1px solid #515254;
    border-bottom:1px solid #3F4042;
    margin-bottom:1px;
}

.menu a:hover {color:white;}