Why does the line-height of a parent container gets overridden by the line-height of its child-element if it's block-level, but not if it's inline? [duplicate]