JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container no-line-height"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget mattis est. Integer laoreet sodales nisl nec molestie. Donec mattis congue turpis, at facilisis nibh ultricies at. Curabitur posuere consectetur felis id accumsan. Nunc et libero sagittis, auctor ante a, porta nisl. Vivamus iaculis, arcu ac venenatis tincidunt, odio nisi.</p></div>

<div class="container line-height"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget mattis est. Integer laoreet sodales nisl nec molestie. Donec mattis congue turpis, at facilisis nibh ultricies at. Curabitur posuere consectetur felis id accumsan. Nunc et libero sagittis, auctor ante a, porta nisl. Vivamus iaculis, arcu ac venenatis tincidunt, odio nisi.</p></div>

<div class="height-none"></div>
<div class="height"></div>

CSS

.no-line-height {
    line-height: 0;
}

.line-height {
    line-height: 20px;
}

.height {
    margin-top: 20px;
}

JavaScript

$(document).ready(function(){
    $('.height-none').text('line-height: 0 = height of: ' + $('.no-line-height').height());
    
    $('.height').text('line-height: 20px = height of: ' + $('.line-height').height());
    
});