JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
    <h1>You can read the whole white space nowrapline</h1>        
</div>

<div class="item verticalauto">
    <h1>Now you cant read the whole white space nowrapline</h1>       
</div>

CSS

.item{
   width:160px;
   overflow-x: visible;
   height:80px;
}

h1{ white-space:nowrap; }

.verticalauto{
    overflow-y: auto;
}