JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left"></div>

<div class="right">
    <div>upper left</div>
    <div>header</div>
    <div>upper right</div>
    <div><textarea>textarea</textarea></div>
    <div>button2</div>
</div>

CSS

*{
box-sizing:border-box;
-moz-box-sizing:border-box;
}

.left{
    float:left;
    width:10%;
    height:100px;
    border:1px solid #000;
}

.right{
    float:left;
    width:89%;
    margin-left:1%;
}

.right div{
    float:left;
    width:33%;
    border:1px solid #000;
}

.right div:nth-child(2){
    text-align:center;
}

.right div:nth-child(3){
    text-align:right;
}

.right div:nth-child(4),.right div:nth-child(5){
    width:99%;
    border:0;
}

.right div:nth-child(4) textarea{
    width:100%;
    height:100px;
    margin:10px 0;
}

.right div:nth-child(5){
    text-align:right;
}