JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <button>X</button>
    <textarea>Text</textarea>
</div>
<div class="container">
    <button>X</button>
    <div>Text</div>
</div>

CSS

.container {
        height: 220px;
        width: 220px;
        background-color: pink;
        display: table;
    }
    .container > button {
        display: table-row;
    }
    .container > textarea, .container > div {
        display: table-row;
        border: none;
        height: 200px;
        padding: 0px;
        min-height: 100%;
        width: 100%;
        background-color: cyan;
    }