Vertically center multi-line text in div

by ashleycam3ron

HTML

<div><span>vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text vertically centered longer text </span></div>

CSS

div
{
    height: 200px;
    line-height: 200px;
    border: 1px solid black;
    padding:0 5%;
    text-align:center;
}

span
{
    display: inline-block;
    vertical-align: middle;
    line-height: 16px; /* adjust this */
}