Edit on
<div class="box">
    <div class="vertical-middle">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
body { background:radial-gradient(#238dbb, #114476); height:100%; text-align:center; font-family:Helvetica; font-size:1em; color:#333; }

.box { background:#ccc; line-height:200px; height:200px; width:300px; margin:25px auto; padding:5px; }

.vertical-middle { line-height:1.2; display:inline-block; vertical-align:middle; }
/* 

I didn't see this technique on css tricks -
https://css-tricks.com/vertically-center-multi-lined-text

IE8 =<

*/
Rerun