JSFiddle - React, Tailwind, and code Playground

HTML

<div>Clcik me</div>

<p>
   It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing 
<p>

CSS

p{
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
      white-space: nowrap;
      width:100px;
}