JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="information">
        <div id="leftcontainer"><lable>Field name:</lable></div>
        <div id="rightcontainer">
            <div id="action">A</div>
            <div id="textdiv"><input type="text" value="something"/></div>
            <div class="cl"></div>
        </div>
    </div>
    <div id="additional">Additional info</div>
</div>

CSS

div{
    /*border: 1px solid black;*/
}

#container, #information, #additional{
    width:600px;
}

#leftcontainer{
    float: left;
    width: 30%;   
}

#rightcontainer{
    margin-left: 30%;
}

#additional{
    clear:both;
}

#action{
    float:right;
    width:40px;
    height:40px;
    text-align:center;
}

#textdiv {
    width:100%;
    height:100%;
}
.cl{ clear: both; }