JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="main">
        <img src="http://www.w3schools.com/images/w3logotest2.png"  />
</div>
</body>
<div class="info">
</div>

CSS

.main {
    width: 100%;
}
img{
    display:block;
    margin:0 auto;
}
* {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

JavaScript

$(".info").html('img height: '+$("img").height()+'<br>'+
                'table-cell height: '+$("img").parent().height());