JSFiddle - React, Tailwind, and code Playground

by web designer

HTML

<div class="mgmg">Ei Nyein Chit</div>
<ul>
    <li>this example</li>
    <li>you beauty</li>
    <li>this example</li>
    <li>you beauty</li>
</ul>

CSS

.mgmg{
    border:1px solid red;
    background-color:red;
    color:#fff;
    padding:40px;
    display:inline-block;
    cursor:pointer;
}
ul{
    display:none;
}
.mgmg:hover + ul{
    display:block;
}