JSFiddle - React, Tailwind, and code Playground

by mgiuffrida

HTML

<div id="outer1">
  <div class="inner">hello</div>
</div>

<div id="outer2" class="border">
  <div class="inner">hello</div>
</div>

CSS

.border {
  border: 1px solid black;
}

.inner {
  margin-bottom: 10px;
}

JavaScript

console.log(document.querySelector('#outer1').offsetHeight);
console.log(document.querySelector('#outer2').offsetHeight);