JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td>
        <div class="outerStuff"><div class='stuff'>Long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text</div></div>
    </td></tr>
</table>

CSS

div.outerStuff {
        overflow: hidden;    
        width: 300px;
    }
    div.stuff {
        width: 5000px;
        white-space: nowrap;
    }
    table { width: 300px; }
    td { border: 1px dotted black; }