JSFiddle - React, Tailwind, and code Playground

by connellw

HTML

<div class="text">This text is alright</div>
<div class="text">This text is far too long to fit in a small box such as the 'text' class. We need to make this text smaller.</div>

CSS

.text { border:1px solid #999; padding:5px; margin:10px; font-size:14px; }

JavaScript

$(function() {
    $('.text').each(function() {
       if($(this).height() > 30)
           $(this).css('font-size', '12px');
    }); 
});