JSFiddle - React, Tailwind, and code Playground

by Bohdan Doroshenko

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;
    margin-bottom: 10px;
    overflow: auto;
}
.parent{
    width: 85px;
    overflow: hidden;
}