JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
    <p>some text</p>
    <p>some text</p>
<div id="content">
  <ul id="list">
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
  </ul>
</div>
</div>

<button onclick="$('#list').append('<li>list</li>')" style="margin-left:250px">add item</button>

CSS

#content{
  background:grey;
  height: 100%;
  overflow:auto;
}
#wrap{
    height:300px;
    background:blue;
    width: 200px;
}