JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
<div class="text">
Long text Long text Long text
</div>
</div>

CSS

.text{
  font-size: 20px;
  white-space: nowrap;
  overflow-x: auto;
}
.wrap{
  width: 150px;
}