Vertically align image in div

To align an image vertically in a div you need to add the following styles on the element surrounding the image:

display: inline-block vertical-align: middle

The following style should also be added to the image:

vertical-align: middle

Example pen:

See the Pen