How to calculate the height of an inline element

Question

I have a span element with the following CSS:

span.test {
  font-size: 20px;
  line-height: 1;
}

Why the calculated height of

Answer 1

'line-hieght:1' is inherited from parent. try own line-height.