Мне трудно понять, почему строчные элементы игнорируют line-height
в некоторых браузерах (Chrome и Firefox игнорирует его, а IE9 — нет.
Вот пример:
Hello, World
Ожидаемый результат — высота элемента должна быть 26 пикселей, однако она установлена на 31 пиксель. высота правильно установлена на 26 пикселей.
Все, что я читал, говорит, что это должно быть установлено на высоту строки, поэтому я не могу понять это. Вот что я прочитал на W3C:
Высота каждого рассчитывается поле встроенного уровня в поле строки. Для замененных элементов, элементов встроенного блока и элементов встроенной таблицы это высота их поля поля для встроенных блоков это их 'высота строки' ,
Источник: http://www.w3.org/TR/CSS2/visudet.html#line-height