JSFiddle - React, Tailwind, and code Playground

by Charles Cavalcante

HTML

<div id="outer">
  <div id="inner">
    <p>
      New York
    </p>
  </div>
</div>

CSS

#outer { background-color: red; }

#inner {
  display: flex;
}

#inner p {
  margin-top: 21px;
  margin-bottom: 100px;
}

JavaScript

alert(document.getElementById('outer').offsetHeight);