JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
        <p>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>TEXT
            <br>
        </p>
        <button>speichern</button>
</div>

CSS

#container {
    height: 200px;
    width: 96%;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px dotted red;
}

#container p {
    height: 160px;
    margin: 0;
    background-color: red;
    overflow-y: scroll;
}

#container button {
    height: 30px;
    margin: 5px;
}