JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
<div style="display:table-cell; vertical-align:middle; text-align:center">
    <img src="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png" />
</div>
    </div>

<h4>Again the outer box is not 200x200px</h4>

CSS

.wrap {
    display: table;
    height: 200px;
    width: 200px;
    border: 1px solid red;
}

img {
    border:1px solid #bbb;
}