JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="box">
        </div>
<div class="textarea">
あああああああああああああああああああああああああああああああああ
あああああああああああああああああああああああああああああああああ
あああああああああああああああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
</div>
</div>

CSS

div.outer{border:4px solid green;
height:500px;width:500px;
margin-bottom:100px;
overflow: hidden;
}
div.box{height:200px;background-color:blue;}
div.textarea{border:10px solid red;font-size:30px;
    height:100px;
}