JSFiddle - React, Tailwind, and code Playground

by emilcieslar

HTML

<div>
  <p>
    <span>ThisIsQuiteALongTextInsideThatWillOverflow.</span>
  </p>
</div>

CSS

div {
  width: 100%;
  height: 50px;
}

p {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

span {
  font-size: 100%;
  display: inline-block;
}