CSS - Line height property, how it works (simple)

Question

So in this simple example I have as final result:

This is a very simple question but I sim

Answer 1

The simple answer is that with line-height the character will be in the vertical middle of the line, so a line with a height of 100px has the text in the middle of, thus 50px.