JSFiddle - React, Tailwind, and code Playground

HTML

<div class="i-speak-too-much">
  Hello I like speak, I live in the future  I am the Universe
</div>

CSS

.i-speak-too-much {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; //making dots
  }