JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <pre><p>this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph this is a long paragraph </p></pre>
</div>

CSS

div {
    width:100px;
    white-space: nowrap;
  overflow: visible;
}