JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Меню начало -->
<div style="background:#0C0; float:left; height:35px; width:94px;"> menu left side </div>
<!-- Кнопки меню блок начало -->
<div style="background:#C6C600; text-align:center; float:left;"> <!-- -->
<ul class="menu">
    <a href="#"><li>Наш Каталог</li></a>
    <a href="#"><li>Эксклюзив</li></a>
    <a href="#"><li>Прайс Лист</li></a>
</ul>
</div>
<!-- Конец (Кнопки меню) -->

CSS

ul.menu li{
display:inline;
paddin: 10px;
margin: 10px 10px 10px 10px;
color:#FFF; /*Цвет текста*/
background:#060;
font-family:Arial, Helvetica, sans-serif;
}
ul.menu li a {
padding: 0px;
margin: 10px 10px 10px 10px;
text-decoration:none;
color:#FFF;
}
.menu a:hover li {
background:#090;
}