JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div>
    long long  long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long   long 
</div>
</div>
<div class="parent">
<div>
    short<br>short<br>short<br>short<br>short<br>short  
</div>
</div>

CSS

div{
    width: 100px;
    height: 200px;
    border: 1px solid red;
    margin-bottom: 10px;
    overflow: auto;
}
.parent{
    width: 85px;
    overflow: hidden;
}