JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet accusamus voluptatibus aliquam qui non ab magni inventore quod, totam esse blanditiis in placeat dolorem quae libero adipisci est, repellendus eum.</h1>

CSS

body {
  max-width: 60em;
}

h1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}