JSFiddle - React, Tailwind, and code Playground

HTML

<div class=float1>float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float float </div>
<div class=div1>div div div div div div div div div div div div div div div div div div </div>
<textarea class=textarea1>textarea1 textarea2 textarea3 textarea4 textarea5 textarea6 textarea7 textarea8 textarea9 textarea10 textarea11 textarea12 textarea13 textarea14 textarea15 textarea16</textarea>

CSS

.float1 {
    width:200px;
    float:right;
}

.div1, .textarea1 {
    width:400px;
    height:70px;
}

.div1 { 
    background-color:green;
    /*display:inline-block;*/
}

.textarea1 {
    background-color: yellow;
    border:0px;
    resize: none;    
}