JSFiddle - React, Tailwind, and code Playground

by mkhoudary

HTML

<ul class="main-menu">
    <li>Home</li>
    <li>About Us
        <ul>
            <li>Who are us</li>
            <li>Where are us</li>
        </ul>
    </li>
    <li>News</li>
</ul>

CSS

.main-menu {
    list-style: none;
    overflow: auto;
    background-color: navy;
}

.main-menu > li {
    float: left;
    margin-right: 10px;
    background-color: black;
    color: white;
    padding: 3px;
    
}

ul ul {
    position: absolute;
    background-color: blue;
}