JSFiddle - React, Tailwind, and code Playground

by alexbfree

HTML

<div class="parent">
    <a href="">
        <img src="http://static.ddmcdn.com/gif/zebra-camo.jpg" alt ="zeebra" />
        </a>
</div>
<div class="parent">
    <a href="">
        <img src="http://static.ddmcdn.com/gif/zebra-camo.jpg" height="100px" alt ="zeebra" />
        </a>
</div>

CSS

.parent{
    text-align:center; /*horizontal align*/
    vertical-align : middle; /*vertical align */
    display: table-cell;
    background:red;
    width:500px;
    height:500px;
    float:left;
}