Задать вопрос
@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
}

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

Подскажите, пожалуйста, как сделать, чтобы во всех браузерах текст у меню был по середине без смещений? Спасибо!
  • Вопрос задан
  • 418 просмотров
Подписаться 1 Средний 4 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
cyril_b
@cyril_b
Попробуйте флексы!
Ответ написан
KornevaViktoria
@KornevaViktoria
Frontend Developer
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы