HTML
<div class="wrap">
<img src="/?originalUrl=https%3A%2F%2Friptutorial.com%2F%26quot%3Bhttp%3A%2F%2Florempixel.com%2F400%2F200%2F%26quot%3B%2520%2F%26gt%3B%26lt%3B%2Fdiv%26gt%3B%253C%2Fcode">
CSS
.wrap {
height: 50px;/* max image height */
width: 100px;
border: 1px solid blue;
text-align: center;
}
.wrap:before {
content:"";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 1px;
}
img {
vertical-align: middle;
}