JSFiddle - React, Tailwind, and code Playground

by Apeksha Shah

HTML

<div id="navi">
  <img src="http://ichef.bbci.co.uk/naturelibrary/images/ic/credit/640x395/m/mo/mountain/mountain_1.jpg" />
</div>

CSS

#navi {
  position: absolute;
  left: 10px;
  top: 10px;
  border: 1px solid navy;
}

#navi img {
  margin: 0px;
}

JavaScript

$(document).ready(function() {
  alert("Div: " + $("#navi").width() + "x" + $("#navi").height());
  alert("Image: " + $("#navi img ").width() + "x" + $("#navi img ").height());
});