Vertical align image inside an anchor with CSS

Question

I would like to vertical align an image inside an anchor element like this:

Answer 1

Try this:

.thumbnail {
    line-height: 150px; // height taken from OPs plunker
}
.thumbnail img {
   margin: auto;
   vertical-align: middle; 
   display: inline-block;
} 

Add display: inline-block; and set the line-height to the parent anchor element to middle align images vertically.

LIVE EXAMPLE