Simple vertical align
Since vertical-align: middle doesn’t works quite well I’ll try to explain what is going on there.
Vertical align of text “doesn’t know” what is the height of a div in which he is sitting. So it sets text in the middle of a line height of text. All you have to do is to set line height as high as your div.
Here’s the result:


