JSFiddle - React, Tailwind, and code Playground

HTML

<div cls="frameblock">
    this is just a test dsf afd fds fasdf sdf asdf adfa asf saf sdfa dsf fdsf df fasdf asdf asdf fasdf sdf sdf sadf asdfasdfa sfasfdf afds ffsf s sfas fassff
</div>

CSS

.frameblock {
        height:16px;
        width:30px;
        overflow-y:scroll;
        display:block;
        border:4px solid #469386;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
.frameblocknoscroll {      
        height:40px;      
        width:70px;       
        display:block;     
        border:4px solid #469386;
        color: #000000;    
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;