JSFiddle - React, Tailwind, and code Playground

HTML

<div class="description">
<h1>
This is some sample description text you may want to truncate.
</h1>
</div>

CSS

.description h1 {
    width: 105px;
    font-size: 0.85em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}