JSFiddle - React, Tailwind, and code Playground

HTML

<div class="constrained">
    <div class="content">
        <p>Some content</p>
        <p><button data-action="add-content">Add more</button></p>
    </div>
</div>
<div id="ipsum">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis ante id eros rhoncus interdum. Vestibulum mauris lacus, pulvinar ut orci ut, rhoncus molestie tellus. Integer eget arcu placerat, venenatis augue in, faucibus nunc. Nam id finibus enim, non commodo elit.</p>
</div>

CSS

* { box-sizing: border-box; }
.constrained {
    border: 1px solid blue;
    min-height: 300px;
    padding: 10px;
    overflow-x: auto;
}
#ipsum { display: none; }

CoffeeScript

$('[data-action="add-content"]').click ->
    $('.content').append($('#ipsum').html())