JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper" class="clearfix">
<div class="container">
    <div class="textDiv">
        Tet One
    </div>
    <div class="dropdown">
        <ul>
            <li>I'm a dropdown</li>
            <li>Value One</li>
        </ul>
    </div>
</div>
<div class="container">
    <div class="textDiv">
        Text Two
    </div>
    <div class="dropdown">
        <ul>
            <li>I'm a second dropdown</li>
            <li>Value Two</li>
        </ul>
    </div>
</div>
</div>

CSS

#wrapper  .textDiv{
    float: left;
}
.container {
     float: left;
}

div.dropdown{
    position: relative;
    float:left;
}
div.dropdown ul{
    position:absolute;
    width: 100%;
    top:0px;
    left:50px;
}