От чего зависит высота фона текста?

Question

[zoozag]

Есть текст с фоновой заливкой с прозрачностью.
При изменении высоты строки, высота заливки не меняется.
Можно увеличить ее высоту с помощью паддинга, но высота заливки в разных браузерах разная и получаются либо разрывы между строками либо наложение строк.
https://jsfiddle.net/xfL789qv/
Windows/Chrome:

Mac/Safari

Comments

[Ankhena]

Это ш еще и на картинку накладывается, а не на чистый фон, да?

А не пробовали все перевести в em? И размер шрифта и line-height и отступы?

[zoozag]

Ankhena,

Это ш еще и на картинку накладывается, а не на чистый фон, да?

Да.

А не пробовали все перевести в em? И размер шрифта и line-height и отступы?

Только что попробовал. Не помогает.

Проблема в том что вот эта высота заливки разная в разных браузерах, и на нее ничто не влияет, кроме размера шрифта. Даже в 1 браузере для разных размеров шрифта разное соотношение размера шрифта к высоте заливки

[Ankhena]

zoozag, Что-нибудь, кроме JS, больше ничего путного не приходило в голову?

Answer 1

[Антон]

span display:block

Comments

[zoozag]

Тогда заливка не по ширине строки, а по ширине блока