Центрирование h1 в div с цветом фона

Question

У меня возникли проблемы с выравниванием тега h1 в центре моего div. В div просто отображается блок цвета, а h1 должен располагаться в центре, а прямо сейчас он сидит сверху.

http://jsfiddle.net/ha632/

HTML

<div id='title' align="center"> 
    <h1>ExpressWay</h1> 
</div> 

CSS

#title{ 
    background-color: #f5f82e; 
    height: 20%; 
    text-align: center; 
} 

Answer 1

Ваш margins are collapsing. Вы можете это исправить, добавив overflow:auto (или границы, как border:1px solid #f5f82e) к вашему DIV:

#title{ 
    background-color: #f5f82e; 
    height: 20%; 
    text-align: center; 
    overflow:auto; 
} 

jsFiddle example

Answer 2

Дайте h1 в высоту строки или добавить отступы к нему.

Лучшим решением было бы просто удалить div и применить свои стили к тегу h1, если у вас нет веской причины для div?

Пример: http://jsfiddle.net/Y6zew/2/

Answer 3

Try с этим CSS:

#title{ 
    background-color: #f5f82e; 
    height: 20%; 
    text-align: center; 
    padding: 10px; 
} 

h1 { 
    margin: 0; 
    padding: 0; 

} 

Вы можете играть с отступа значением #title.