Center a H1 tag inside a DIVically

http://stackoverflow.com/q/6254793/154877

by ian_smithz

HTML

<div id="AlertDiv"><h1>Big Christmas deals and that</h1></div>

CSS

#AlertDiv {
    top:50%;
    left:50%;
    width:auto;
    height:50px;
    color:white;
    position:absolute;
    text-align:left;
    background-color:black;
    margin: -25px 0 0 -31px;
}

#AlertDiv h1 {
    margin:auto;
    line-height:50px;
    vertical-align:middle;
}