JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="#">Link</a>
        <ul>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
</ul>

CSS

ul { list-style: none; }
ul li { float: left; }
ul li > a { display: block; padding: 5px; }
ul li ul { position: absolute; display: none; } 
ul li:hover ul { display: block; }