JSFiddle - React, Tailwind, and code Playground

HTML

<div><div>
    This is a div that overflows.<br/>
    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .<br/>
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
</div></div>
<hr/>
<div><div>
    This is a div that doesnt.<br/>
    . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .<br/>
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
    blah blah blah blah blah blah
</div></div>

CSS

body > div {
    width : 250px;
    height : 150px;
    overflow : auto;
    position : relative;
    border : 1px solid orange;
}

div > div {
    width : 200px;
    border : 1px solid red;
}