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

0

У меня возникли проблемы с выравниванием моего тега 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;
}
  • 0
    Ваш код в порядке ...
  • 0
    jsfiddle.net/Y6zew Код в порядке
Показать ещё 1 комментарий
Теги:

3 ответа

3
Лучший ответ

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

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

Пример jsFiddle

Поделиться
  • 0
    Почему отрицательный голос?
  • 0
    Не знаю, дал тебе один назад.
Показать ещё 1 комментарий
1

Попробуйте с этим css:

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

h1 {
    margin: 0;
    padding: 0;

}

Вы можете играть с добавочным значением #title.

Поделиться
0

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

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

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

Поделиться
  • 0
    Пожалуйста, объясните отрицательный голос
  • 0
    Это работает ... я не могу понять, почему вы взяли downvote ...
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню