JSFiddle - React, Tailwind, and code Playground

by Mansfield

HTML

<div id="test1">
<div id="test"></div>
</div>

CSS

#test1
{
    max-width: 300px;
    overflow-x: scroll;
    overflow-y: hidden;
    max-height: 60px;
}

#test
{
    width: 10000px;
}

JavaScript

$("#test").html("really really long text that should scroll if over than 100 pixels but isn't doing so as expected");