JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<div>
    <img src="http://www.gravatar.com/avatar/3b83731676bc4568249c929d6ddabaf3?s=32&d=identicon&r=PG" alt="test" />
</div>

CSS

div {
   width: 100px;
   height: 100px;
   border: 1px solid red; 
}

div {
   position: relative;
}

div img {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -16px;
   margin-top: -16px;
}