With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY  vertically center whatever we want, even if we don’t know its height.

source: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/