How can I vertically center text in a dynamically high div?

http://stackoverflow.com/questions/10939288/how-can-i-vertically-center-text-in-a-dynamically-high-div

by Wexcode

HTML

<div>
    <span></span><h1>Text</h1>
</div>

CSS

div { 
    background: blue; 
    color: white;
    font-family: sans-serif;
    text-align: center; /* horizontally center */
    height: 500px; /* any height */
}

div span {
    height: 100%;
    vertical-align: middle;
    display: inline-block; }
div h1 {
    margin: 0;        
    vertical-align: middle;
    display: inline-block; }