JSFiddle - React, Tailwind, and code Playground

HTML

<p id="para">Relogik is another example of minimalism done well. The logo is understated and sophisticated. Most design elements are semi-transparent and appear on hover. The close-up images are bold and make the content the focal point of the page. The code is clean and well-structured and uses a solid grid layout with pulls to keep everything squared up. The classic numeric navigation makes it easy to navigate the slideshow. One weakness is that the contact information has a very low contrast against the background. A darker color would help to highlight it. The project detail pages do a good job of showing rather than telling and of displaying each piece in a real-world context.</p>

CSS

#para {
    width: 300px;
    line-height: 1.4em;
    font-size: 14px;
    font-family: Arial;
    overflow: hidden;
}

JavaScript

var para = $('#para');
var height = 200;

while(para.height() >= height){
    var text = para.text();
    
    para.text(text.substring(0, text.length - 4) + '...');
}