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

* { margin: 0; padding: 0; }
html, body { 
    height: 100%;
    font-family: sans-serif; }
div { 
    height: 100%; 
    text-align: center; }
span {
    height: 100%;
    vertical-align: middle;
    display: inline-block; }
h1 {
    vertical-align: middle;
    margin: 0;
    display: inline-block; }