JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="image-container">
        <img src="http://lorempixel.com/60/60" />
    </div>
</div>
<p>Image is 60px in width and 60px in height.</p>

CSS

.container {
    float: left;
    width: 80px;
    height: 80px;
    padding: 8px;
    border: 1px solid #ccc;
    display: table;
}
.image-container {
    display: table-cell;
    vertical-align: middle;
}
.image-container img {
    display: block;
    margin: 0 auto;
}
p {
    clear: left;
}