JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<style type="text/css" scoped>
    font-weight: bold;
</style>
<div id="output">
    <style type="text/css" scoped style="width: 0; height: 0">
        font-style: italic;
    </style>
</div>
</div>

JavaScript

$(document).ready(function() {
    $("#output").append("jQuery.height(): " + $("body style").height() + "<br />");
    $("#output").append("jQuery.width(): " + $("body style").width() + "<br />");
    $("#output").append("clientHeight: " + $("body style")[0].clientHeight + "<br />");
    $("#output").append("clientWidth: " + $("body style")[0].clientWidth + "<br />");
    $("#output").append("jQuery.height(): " + $("#output style").height() + "<br />");
    $("#output").append("jQuery.width(): " + $("#output style").width() + "<br />");
});