Выровнять заголовок

79

AGRESSOR

4 января 2013, 17:19

556

Доброе время суток всем форумчанам :)

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

С однострочным заголовок проблем нет.

Если применить line-height:50px к однострочному заголовку то он выравнивается вертикально по центру.

Но если это заголовок двухстрочный тогда уже line-height:50px не применить.

47

gormarket

4 января 2013, 18:40

#1

Можно убрать у "a"

line-height: 50px; (или можете задать любое значение не более 25 в Вашем случае, для двухстрочного текста)

и добавить для "h3"

display: table-cell;

vertical-align: middle;

Это не будет работать в IE6-IE7

и чтоб работало для Safari 3.1 нужно будет добавить пару контейнеров для "h3" с display: table и table-row

1

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)

473

eis

4 января 2013, 18:49

#2

AGRESSOR:
Если применить line-height:50px к однострочному заголовку то он выравнивается вертикально по центру.

Ну это если высота блока 50px как у Вас, а так это не вариант.

А вообще просто сделайте padding от top'а.

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки

79

AGRESSOR

4 января 2013, 18:59

#3

display: table-cell;

vertical-align: middle;

применял эти свойства по началу, эффекта почему-то не было.. сейчас применил и все стало нормально, как надо :)