JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.main {
    display: table;
}
.main > div {
    display: table-cell;
}
.info {
    margin-top: 5px !important;
}
* {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

JavaScript

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