I have a `span` element with the following CSS:

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

```

Why the calculated height of the span seems to be 22px? Where do these 2 extra pixels come from?

![enter image description here](https://i.stack.imgur.com/mJDzW.png)

Is it possible to make it tall 20px without using `inline-block` ?

Here is the simple jsbin I used to test: <http://jsbin.com/tigevecemoco/1/edit>