JSFiddle - React, Tailwind, and code Playground

by Kevin Mwangi

HTML

<div>
  <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=200%C3%97150&w=200&h=150"/>
</div>

CSS

div {
  width:300px;
  height:300px;
  border:2px solid #aaa;
  
	position:relative;
}
div > img {
  width:200px;
  height:150px;
  
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}