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>

CSS

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