JSFiddle - React, Tailwind, and code Playground

HTML

<div>This sure is a lot of text. This sure is a lot of text. This sure is a lot of text.</div>
<div id="noOverflow">This sure is a lot of text. This sure is a lot of text. This sure is a lot of text.</div>

CSS

div {
    margin-top: 5em;
    background-color: lightgray;
    width: 50%;
    height: 1em;
}

#noOverflow {
    text-overflow: clip;
    overflow: hidden;
}