JSFiddle - React, Tailwind, and code Playground

HTML

<div >
 <a>
 <img class="displayed" src="smiley.gif" >
 </a>
</div>

CSS

div{
    position: relative;
    border: 1px solid #ddd; 
    width:150px; 
    height:50px;
    margin: auto;position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}
img.displayed {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;

}