Center h2 inside a div - very basics

Filip Bartuzi picture Filip Bartuzi · Mar 23, 2013 · Viewed 21k times · Source

I want to center h2 inside #top but vert-aliignt middle doesnt work same auto margin... I ave no idea what to do!

#top {
    display: block;
    position: relative;
    height: 100px;
    background-color: rgba(89,144,222,.6);
}
#top h2{
    text-shadow: 2px 2px black;
    text-align: center;
    color: white;
    font-family:"Impact";
    font-size: 50px;
}

effect is - enter image description here

Answer

Joe Frambach picture Joe Frambach · Mar 23, 2013

Set line-height:100px; vertical-align:middle on #top.