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" style="width:100%;" value="something"/></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%;    
    display:inline-block;
    position: absolute;
    top: 5%;    
}

#rightcontainer{
    float:right;
    width:67%;
    display:inline-block;
}

#additional{
    clear:both;
}

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

#textdiv {
    width:100%;
    height:100%;
}