CSS Vertical Align Middle

Created For: http://stackoverflow.com/q/10939288/352449

by habla

HTML

<body>
    <div>
        <h1>Text</h1>
    </div>
</body>

CSS

body {
    width: 100%;
    min-height: 100%;
}
div {
    background-color:red;
    height:500px;
    width:100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;

}
h1 {
}