JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Home</li>
    <li>Who
        <ul>
            <li>Short Text</li>
        </ul>
    </li>
    <li>Contact
        <ul>
            <li>Very Long Text Very Long Text Very Long Text</li>
        </ul>
    </li>
</ul>

CSS

ul{
    background:#546456;
    text-align:left;
}

ul li{
    color:#fff;
    display:inline;
    text-align:left;
    margin-right:50px;
    position:relative;
}

ul ul{
    border:1px solid #000;
    background:none;
    position:absolute;
    top: 100%; left: 0; 
}

ul ul li{
    color:#000;
    padding:0;
}