@belyaevcyrill

Как сделать line-height кроссбраузерным?

Никак не получается сделать свойство line-height одинаковым в Google Chrome и Mozilla.
В Google Chrome текст выставляется ровно по середине:
5ad0ddd231881654025570.png
А в Mozilla почему-то со смещением вниз:
5ad0ddfd2f789945437719.png

Само свойство выглядит так:
.contacts {
    height: 69px
    font: normal 14px/5.0714285 'Open Sans', sans-serif
}


Пробовал использовать вместо пикселей em, учитывая, что font-size у body равен 13px:
body {
    font-size: 13px
    line-height: normal
}
.contacts {
    height: 69px
    font: normal 1.077em/5.0714285 'Open Sans', sans-serif
}

Но всё равно не получается.

Подскажите, пожалуйста, как сделать, чтобы во всех браузерах текст у меню был по середине без смещений? Спасибо!
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ответы на вопрос 2
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
TekLabs Санкт-Петербург
от 175 000 руб.
VAMDODOMA.RU Кострома
от 70 000 до 100 000 руб.
18 июля 2018, в 02:48
3000 руб./за проект
17 июля 2018, в 22:59
1200 руб./за проект