html - Align image in center and middle within div
.img
{ width:500px;
height:250px;
border:4px solid pink;
display:table-cell;
text-align:center;
vertical-align:middle;
}
<div class="box">
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash2/377327_347562611999364_262535563_n.jpg" width="400" height="140" />
</div>