JSFiddle - React, Tailwind, and code Playground

HTML

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

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

CSS

div {
    width: 200px;
    line-height: 200px;
    border: 1px solid #bbb;
}

img {
    border:1px solid #bbb;
}