I don't understand why white space after my image is removed when i add a vertical:middle style. Can anyone explain this to me?

Here is my code:

Code:
http://codepen.io/thehung1724/pen/nkavd