JSFiddle - React, Tailwind, and code Playground

by dystroy

HTML

<table><tr><td id=txtcell nowrap><span id=txt>My long text is long. My long text.</span></td></tr></table>
<br>Font Size : <span id=mes></span>

CSS

#txtcell{ max-width:200px;}

JavaScript

var fontSize = 20;
var reduce = function() {
    if ($('#txt').width()>200) {
        fontSize -= 2;
        $('#txt').css('font-size', fontSize);
        window.setTimeout(reduce, 1);
    } else {
        $('#mes').html(fontSize);
    }
};
window.setTimeout(reduce, 1);