JSFiddle - React, Tailwind, and code Playground

HTML

<div class="form-language"> 
    <label for="select-language">Lang</label>
    <ul class="drop-lang">
        <li class="drop-trigger">
            
            <a class="" href="">adsd<i class="fa fa-angle-down"></i></a>
            
        <ul class="sub-lang">
        <li><a class="" href="">adsd</a></li>
        <li><a class="" href="">adsd1</a></li>
        <li><a class="" href="">adsd2</a></li>
        </ul>
        </li>
        <li class="drop-trigger">
            
            <a class="" href="">ads<i class="fa fa-angle-down"></i></a>
            
        <ul class="sub-lang">
        <li><a class="" href="">ads</a></li>
        <li><a class="" href="">ads1</a></li>
        <li><a class="" href="">ads2</a></li>
        </ul>
        </li>
        <li class="drop-trigger">
            
            <a class="" href="">ad<i class="fa fa-angle-down"></i></a>
            
        <ul class="sub-lang">
        <li><a class="" href="">ad</a></li>
        <li><a class="" href="">ad1</a></li>
        <li><a class="" href="">ad2</a></li>
        </ul>
        </li>
    </ul>
</div>

CSS

.drop-lang {
    list-style: none;
 padding: 0;
 margin: 0;float: right;
}
.drop-lang .drop-trigger {
    position: relative;
    z-index: 9999;
    float: right;
    padding: 0 5px 0 10px;
}

.drop-lang li a {
    position: relative;
    padding: 5px 0 5px 0;
    display: block;
    color: #6a6a6a;
    text-transform:uppercase;
    font-weight: normal;
    font-size: 11px;
    z-index: 9999;
}

.drop-lang .drop-trigger .sub-lang {
    position: absolute;
    top:40px;
    left:-1px; /* dropdown left or right */
    list-style: none;
    padding:0 11px 0 4px;
    margin: 0;
    display: none;  
    background: #f7f7f7;
    border: 1px solid #d8d8d8;
    border-top: none
    z-index: 9999;
}
.drop-lang .drop-trigger:hover .sub-lang {
    top:20px;
    display: block;
}

.drop-lang .sub-lang li a { padding: 0 5px; line-height: 22px; display: block; color: #666; text-transform:uppercase; font-weight: normal; font-size: 11px; border-top: 1px solid #d8d8d8;  border-right:0;border-left:0; border-bottom:0; border-radius:0;}
.drop-lang .sub-lang li a:hover { }