The problem is that the inline element in Firefox and IE9 (Chrome, Opera, IE7-8 work fine) does not change its line-height, if the external tag has its own line-height. Does anyone know how to get around this?

  • Before asking such a question, did you at least try to look for the answer to it, for example, in Google? ... I doubt ... here, for example, you can read habrahabr.ru/blogs/css/117109 - HoPkInS
  • Before writing "google help" you can and see that my problem is not with an inline-block, but with inline - these are different things. And, foreshadowing your question, I cannot register an inline-block. - Indenk 3:51 pm

2 answers 2

on one of the sites read this:

When an element contains text that is rendered with multiple fonts, the output device must determine the 'line-height' value according to the largest font size.

  • But the rest of the browsers display this normally. - Indenk pm
  • I do not know how to explain this, but just the same Mozilla (and IE o_O) behaves logically ... (if you just think what exactly you want to do). line-height defines leading, which, in turn, also determines the height of the font ... so it is logical that the browser takes the height of the largest font as a basis so as not to destroy the "picture". Well, you try this method. I also wonder whether it will help or not. never faced a similar problem. - LeD4eG

To the element that must inherit line-height , use the property:

 line-height: inherit;