在 div 中居中 h2 - 非常基础

Question

我想将 h2 居中 #top 但 vert-aliignt middle 不能使用相同的自动边距...我不知道该怎么做！

#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;
}

效果是——

Answer 1

设置line-height:100px; vertical-align:middle在#top。