JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Em</h2>
<p style="
    font: normal normal 24px/1.2em serif;
" id="em">We are sorry but the content you are looking for was not found.  This may be caused by a page that once existed being moved or you might have typed in an incorrect URL.</p>
<h2>Non Em</h2>
<p style="
    font: normal normal 24px/1.2 serif;
" id="nonEm">We are sorry but the content you are looking for was not found.  This may be caused by a page that once existed being moved or you might have typed in an incorrect URL.</p>

<div class="stats"></div>

JavaScript

$(function(){
    var reportHTML = '';

    reportHTML += '<h2>Non Em</h2><p>';
    reportHTML += $('#nonEm').height() + ': height</p><p>';
    reportHTML += $('#nonEm').css('line-height') + ': line-height </p>';

    reportHTML += '<h2>Em</h2><p>';
    reportHTML += $('#em').height() + ': height</p><p>';
    reportHTML += $('#em').css('line-height') + ': line-height </p>';

    reportHTML += '</div>';

    $('.stats').html(reportHTML);
});