JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="pro-img">
    <img src="http://tshop.r10s.com/c18/f19/b968/3a87/a005/a662/e954/11bee5abd6005056ae13f2.jpg?_ex=125x125"/>
  </div> <!-- end pro-img -->

CSS

.pro-img{
	padding:2px;
	border:1px solid red;
	--float:left;	
	vertical-align: middle;
    display: table-cell;
	width:125px;
	height:125px;
	background: #fff;
	background-size:135px 100px;
	--border-right:2px solid #bf0000;
}

.pro-img img{
	max-width:125px;
	max-height:125px;
	border:1px solid yellow;