JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="fakeTable">
    <div class='fakeTableCell'>
        <img width="55" height="70"  src="http://learningjquery.kswedberg.netdna-cdn.com/wp-content/themes/ljq/images/ljq3rded.jpg">
    </div>
</div>

CSS

html,
body {
    /*otherwise height: 100% on fakeTable will do nothing*/
    height: 100%;
}

/*name it what you want*/
.fakeTable {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

/*name it what you want*/
.fakeTableCell {
    display: table-cell;
    vertical-align: middle;
}