JSFiddle - React, Tailwind, and code Playground

HTML

<a href="html">
  <div id="right" class="box">
    <p>text</p> <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p>
  </div>
</a>

CSS

#right{
    background-color: red;
    width: 300px;
    height: 250px;
    background: red;
    border: thin solid black;
    overflow-y: scroll;
}

.box {
text-align: center;
}