How to make line-height cross browser?

Question

css

There is no way to make the line-height property the same in Google Chrome and Mozilla.
In Google Chrome, the text is set exactly in the middle:

And in Mozilla, for some reason, with a shift down:

The property itself looks like this:

.contacts {
    height: 69px
    font: normal 14px/5.0714285 'Open Sans', sans-serif
}

I tried to use em instead of pixels , given that the font-size of the body is 13px:

body {
    font-size: 13px
    line-height: normal
}
.contacts {
    height: 69px
    font: normal 1.077em/5.0714285 'Open Sans', sans-serif
}

But it still doesn't work.
Can you please tell me how to make the menu text in the middle without offsets in all browsers? Thank you!

Answer 1

Try Flex!

Answer 2

https://habr.com/company/netcracker/blog/277433/