JSFiddle - React, Tailwind, and code Playground

HTML

<div id="diver">
    <img src="http://ie.microsoft.com/testdrive/Performance/Minesweeper/images/ie-logo.png" style="" />
</div>

CSS

#diver {
    border:1px solid #000000;
    width:200px;
    height:200px;
    text-align:center;
    display: table-cell;
    vertical-align: middle;    
}

img {
    max-width:100%;
    max-height:100%;    
}

JavaScript

$(document).ready(function () {
	$("#diver").resizable();
});