Absolute bottom div centered content

by Preston Badeer

HTML

<div> centered content </div>

CSS

div {
    background: blue;
    position: absolute; /* changed to fixed if you want it to stick */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    text-align: center;
}