What determines the height of the text background?

Question

css

There is text with a background fill with transparency.
When you change the line height, the fill height does not change.
You can increase its height using padding, but the height of the fill in different browsers is different and either breaks between lines or overlapping lines are obtained.
https://jsfiddle.net/xfL789qv/Windows/Chrome:Mac/Safari
_

_

Answer 1

span display: block