JSFiddle - React, Tailwind, and code Playground

by Wally Glenn

HTML

No hidden overflow:
<h1>
  This is a very long example title
</h1>

Overflow kicks in at 200px
<h1 class="title">
  This is a very long example title
</h1>

CSS

.title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}