Текст по центру div (вертикально)

[dixonn]

Как мне текст в тегах span сделать по центру div (вертикально)?

        <div class="header">
                <span>Главная</span><br />
                <span>Главная страница с новостями</span>
        </div>

 

[NikroVir]

присваиваете display:table-cell; vertical-align:middle;

 

[dixonn]

.header {
    height: 90px;
    margin-bottom: 30px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #5bc0de;
}

 

[NikroVir]

.header {
    height: 90px;
    margin-bottom: 30px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #5bc0de;
}

.header span{
    display: table-cell;
    vertical-align: center;
}

 

[dixonn]

Не получилось...

 

[nejtr0n]

Нынче в моде display: flex.
Для просмотра ссылки Войди или Зарегистрируйся

 

[Sunday]

Если div имеет фиксированную высоту, то в чем проблема? Пропишите спанам нужные отступы или внутри дива отступы сделайте.

 

[NikroVir]

Не получилось...

просто задайте высоту каждому из span. думал догадаетесь

Нынче в моде display: flex.
Для просмотра ссылки Войди или Зарегистрируйся

они-то в моде, но если нужна поддержка старых браузеров - можно забыть

Если div имеет фиксированную высоту, то в чем проблема? Пропишите спанам нужные отступы или внутри дива отступы сделайте.

тоже вариант, кстати

 

[dixonn]

Как внутри дива отступы сделать?

 

[ultra]

Для просмотра ссылки Войди или Зарегистрируйся
а если конкретнее то

1. Код, по которому требуется помощь, выкладывать на Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся Для просмотра ссылки Войди или Зарегистрируйся
2. Запрещено выкладывать на форум голый код, который необходимо визуализировать для оказания помощи (читай первый пункт)