JSFiddle - React, Tailwind, and code Playground

by mikecmpbll

HTML

<div class="container">
    <div class="valign-table">
        <div class="cell">
            <img src="http://thebungalowpartnership.hewardhosting.pw/wp-content/uploads/sites/2/2014/03/bungalow_logo_full-300x198.png" />
            <h4>another block level element</h4>
        </div>
    </div>
</div>

CSS

.container {
    border: 1px solid #000;
    text-align: center;
    height: 300px;
}

.valign-table {
    display: table;
    height: 100%;
    margin: 0 auto;
}

.valign-table .cell {
    display: table-cell;
    vertical-align: middle;
}