CSS3's flex attribute solves that. It's the holy grail for modern web-interface-development. Vertical center text:

.vertical-text { display: flex; flex-direction: column; justify-content: center; }

(add ´align-items: center´for horizontal center)