JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
<ul> 
<li><a class="hide" href="">О Иваново</a>
<ul>
<li><a href="" title="">История города</a></li>
<li><a href="" title="">Известные уроженцы города</a></li>
<li><a href="" title="">Исторические достопримечательности</a></li>
</ul>    
</li>
 <li><a class="hide" href="">Учереждения города</a> 
<ul>
<li><a href="" title="">Образовательные учереждения</a></li>
<li><a href="" title="">Здравохранительные учереждения</a></li>
<li><a href="" title="">Кинотеатры</a></li>
<li><a href="" title="">Музеи</a></li>
</ul>
</li>
    
    
 <li><a class="hide" href="">Галлерея</a> 
<ul>
<li><a href="" title="">Образовательные учереждения</a></li>
<li><a href="" title="">Здравохранительные учереждения</a></li>
<li><a href="" title="">Кинотеатры</a></li>
<li><a href="" title="">Музеи</a></li>
</ul>
</li>

 <li><a class="hide" href="">Отзывы и предложения</a> 
<ul>
<li><a href="" title="">Образовательные учереждения</a></li>
<li><a href="" title="">Здравохранительные учереждения</a></li>
<li><a href="" title="">Кинотеатры</a></li>
<li><a href="" title="">Музеи</a></li>
</ul>
</li>
</ul>
</div>

CSS

.menu{
    font-family:arial, sans-serif;
    width:500;
        top: 87;
        left:-8;
    position:relative;
    font-size:11px;
    z-index:10
}
.menu ul li a, .menu ul li a:visited{
    display:block;
    text-decoration:none;
    color:#000;
    width:200px;
    height:20px;
    text-align:center;
    color:#000000; /*Цвет букв начальных*/
    border:1 solid #000000; /*Ширина между строк*/
    background:#ffffff; /*Цвет главной рамки*/
    line-height:20px;
    font-size:11px;
    overflow:hidden
}
.menu ul{
    padding:0;
    margin:0;
    list-style:none
}
.menu ul li{
    float:left;
    position:relative}
.menu ul li ul{
    display:none
}
.menu ul li:hover a{
    color:#000000;
}
.menu ul li:hover ul{
    display:block;
    position:absolute;
    top:21px;
    left:0;
    width:105px
}
.menu ul li:hover ul li a{
    display:block;
    background:#fff;
    color:#000
}
.menu ul li:hover ul li a:hover{
    background:#ffff00;
    color:#000
}