JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div id="sidebar">
<div class="menu-sample-hmenu-container">
<ul id="menu-sample-hmenu" class="menu">
<li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14">
<a href="http://wpmon1/?page_id=10">Головна</a>
</li>
<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current_page_ancestor menu-item-has-children menu-item-15">
<a href="http://wpmon1/?page_id=11">Каталог</a>
<ul class="sub-menu">
<li id="menu-item-32" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-32">
<li id="menu-item-33" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-33">
</ul>
</li>
<li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29">
<a href="http://wpmon1/?page_id=2">Про нас</a>
</li>
<li id="menu-item-30" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30">
<a href="http://wpmon1/?page_id=2">Оплата і Доставка</a>
</li>
<li id="menu-item-31" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31">
<a href="http://wpmon1/?page_id=11">Контакти</a>
</li>
</ul>
</div>
</div>

CSS

.menu{ list-style:none; list-style-type:none; list-style-position: outside; height: 15px; margin: 10px; padding:0; }
ul#menu-sample-hmenu li{ border:1px solid #EEDD82; border-radius:15px; margin-top:2px; padding:3px; text-align:center; font-family:Georgia,arial; font-style:italic; background-color:black; list-style-type:none; }
li a{ color:#EEDD82; text-decoration:none; }
ul#menu-sample-hmenu li a:hover{ color:#fff; text-decoration:none; }
.sub-menu{ display:none; }
a:hover + .sub-menu{ display:block; }
ul.sub-menu li:hover { position: relative; background: yellow; }
ul.sub-menu li:hover ul{ position: absolute; top: 0; left: 60px; }