JSFiddle - React, Tailwind, and code Playground

by Deepak Kumar

HTML

<span id='m'>.</span>

<ul id='result'></ul>

CSS

#m {
    font-size: 13px;
    background:#ccc;
    font-family:arial, sans-serif;
}

JavaScript

for (i = 90; i < 100;  i+=0.2) {
    $('#m').css('font-size', i + 'px');
    w = $('#m').width();
    h = $('#m').height();
    $('#result').append('<li>' + 'font-size = ' + i + '---> ' + w + '---' + h + '</li>');
    console.log('font-size = ' + i + '--->', w, h);
}