JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fos">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nisi ligula, dapibus a volutpat sit amet, mattis et dui. Nunc porttitor accumsan orci id luctus. Phasellus ipsum metus, tincidunt non rhoncus id, dictum a lectus. Nam sed ipsum a lacus sodales eleifend. Vestibulum lorem felis, rhoncus elementum vestibulum eget, dictum ut velit. Nullam venenatis, elit in suscipit imperdiet, orci purus posuere mauris, quis adipiscing ipsum urna ac quam.  
    </p>
</div>

CSS

#fos { width: 300px; height: 100px; overflow: hidden; }
#fos p { padding: 10px; margin: 0; }

JavaScript

var container = document.getElementById("fos");
var containerHeight = container.clientHeight;
var para = document.getElementById("fos").children[0];

while (para.clientHeight > containerHeight) {
    para.innerText = para.innerText.replace(/\W*\s(\S)*$/, '...');
}