JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv">My Div</div>

<br/>
<br/>
<div id="result"></div>

CSS

div{
    border: 1px solid blue;
    padding: 5px;
    margin: 10px;
}

JavaScript

var $div = $("#myDiv");
var height = $div.height();
var heightWithPadding = $div.innerHeight();
var heightWithPaddingAndBorder = $div.outerHeight();
var heightWithPaddingAndBorderAndMargin = $div.outerHeight(true);

var $result = $("#result");
$result.append("height: " + height);
$result.append("<br />height with padding: " + heightWithPadding);
$result.append("<br />height with padding and borders: " + heightWithPaddingAndBorder);
$result.append("<br />height with padding and borders and margin: " + heightWithPaddingAndBorderAndMargin);