JSFiddle - React, Tailwind, and code Playground

HTML

<div id="box"></div>

CSS

#box {
    width: 100px;
    height: 500px;
    border: 1px solid #289;
}

JavaScript

var text = 'Lorem ipsum dolor sit´ññññññ amet, consectetur adipiscing elit. Duis est lacus, iaculis non nulla sit amet, ornare maximus nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inc,,,,,,,,,,,,,eptos himenaeos. Donec at neque convallis, gravida libero ac, vulputate magna. Aliquam eget arcu varius, euismod lectus ut, ultricies lorem. In scelerisque nisi ut tristique lacinia. Maecenas tincidunt mi sapien, convallis mattis augue aliquam non. Proin pellentesque at purus eget lobortis. Morbi id lorem sed quam mattis finibus in a neque.'

var box = document.getElementById('box')

var boxCl = document.createElement('div')
boxCl.style.position = 'absolute'
boxCl.style.visibility = ''
boxCl.style.width = box.clientWidth+'px'
boxCl.textContent = text
document.body.appendChild(boxCl)
while(boxCl.clientHeight > box.clientHeight) {
    boxCl.textContent = boxCl.textContent.substring(0, boxCl.textContent.length-1)
}
box.textContent = boxCl.textContent