JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Hakkımızda</a>
<ul>
<li><a href="#">Şirket Tarihçesi</a></li>
<li><a href="#">Yöneticilerimiz</a></li>
<li><a href="#">Çalışanlarımız</a></li>
<li><a href="#">Faaliyetlerimiz</a></li>
</ul>
</li>
<li><a href="#">Hizmetlerimiz</a>
<ul>
<li><a href="#">Web Tasarım</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Logo Tasarım</a></li>
<li><a href="#">Danışmalık</a></li>
</ul>
</li>
<li><a href="#">Referanslarımız</a></li>
<li><a href="#">İletişim</a></li>
</ul>

CSS

#menu 
{
list-style-type:none;
margin:0;
padding:0;
}
#menu li
{
position:relative;
width:130px;
}
#menu a:hover
{
background-color:#FFFFFF;
color:red;
}
#menu a
{
text-decoration:none;
display:block;
background-color:#00FFFF;
border:1px solid #000;
padding:5px;
}
#menu ul
{
list-style-type:none;
margin:0;
padding:0;
}
#menu li:hover ul
{
display:block;
}
#menu li ul
{
display:none;
position:absolute;
left:129px;
top:0;
width:130px;
}