JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p id="ellipsis">Testing testing testing testing testing testing testing testing testing testing testing testing testing testing testing testing testing testing testing</p>
</div>

CSS

#ellipsis {
  font-size: 18px;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}