JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://semantic-ui.com/dist/semantic.css">
<script src="http://semantic-ui.com/dist/semantic.js"></script>

  <div style="height: 68%; background: red"></div>
  <div style="max-height: 200px; max-width: 200px;  overflow:auto;">

    aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br> aaa
    <br>
  </div>

CSS

body {
  padding: 1em;
}