JSFiddle - React, Tailwind, and code Playground

HTML

<span>dog eatsdodddddddddgsdfghjkghersdddgsdfghjkghersdddgsdfghjkghersdddgsdfghjkgherstyfghurefyghujrttgyhujrttgyhjretghrtgh</span>
<span>dogfgggyfg ff tgyhujrttgyhjretghrtgh</span>

<span>dog </span>

<span>brainatgs200 </span>

CSS

span {
    font-family:"Lucida Console", Monaco, monospace;
    display: block;
   white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    max-width: 6em;
    font-size: 1em;
}