JSFiddle - React, Tailwind, and code Playground

by biznuge

HTML

<div id='top_menu'>
<ul id='dropmenu'>
    <li>something</li>
    <li>else</li>
    <li>here</li>
    <div class='lang'>works</div>
</ul>
</div>
<div id='content'>This is just some content</div>


<div id='top_menu'>
<ul id='dropmenu'>
    <li>something</li>
    <li>else</li>
    <li>here</li>    
</ul>
    <div class='lang'>works</div>
</div>
<div id='content'>This is just some content</div>

CSS

#content{
 width:350px; 
 background-color:gray;
 font-size:4em;   
}
#top_menu {
    font-family: "Trebuchet MS",Trebuchet,Verdana,sans-serif;
    font-size: 13px;
    width: 350px;
}
#dropmenu{
    height: 28px;
    list-style: none outside none;
    margin: 5px;
    padding: 5px;
    width: 350px;
    
}
#dropmenu li{
    margin: 5px;
    padding: 5px;
    display: block;
    float: left;
}
.lang{
    float: right;
    height: 20px;
    margin: 4px 10px 0 0;
    width: 120px;
}