JSFiddle - React, Tailwind, and code Playground
HTML
<div class="frame">
<p>some text some text some text some text</p>
</div>
CSS
.frame { width:120px; display:none}
JavaScript
$(".frame").css({ 'position': 'absolute', 'visibility': 'hidden', 'display': 'block' });
alert($('p').height());
$(".frame").css({'position':'static','visibility':'visible', 'display':'none'});