<div class="parent"> <img src="" class="midImg"/> </div>
.parent{ width: 500px; height: 500px; position: relative; }
.parent img{ width: 200px; height:200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); // margin-left:-100px;margin-top:-100px; }