vertical-align

Jeg er godt nok blevet rusten i det her, det er ikke ligesom at cykle....

Jeg kan ikke få OVERSKRIFT til at være horisontalt centreret. Kan nogen hjælpe med det?


#topsort {
    position                    : relative;
    width                            : 100%;
    height                        :    100px;
    background-color    :    #780000;

}


.site_overskrift {
   
    font-size                    : 25pt;
    color                            : #FFFFFF;
    text-align                : center;
    vertical-align        :    middle;
    font-family                : arial;
    text-shadow                : 3px 3px #111;
}


<div id="topsort" class="site_overskrift" >OVERSKRIFT</div>