@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
}

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

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

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

Войти через центр авторизации
Похожие вопросы