JSFiddle - React, Tailwind, and code Playground

HTML

<p>text texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext text</p>

CSS

p{
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    
}