JSFiddle - React, Tailwind, and code Playground

HTML

<h1>titletolongtolongggggggggggggggggggggggggggggggggggggggg</h1>
<hr>
<h1 class="crop">titletolongtolongggggggggggggggggggggggggggggggggggggggg</h1>

CSS

h1.crop{
     word-wrap: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;
}