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

When you give an element a line-height of 100% (in your example, this equates to 100px), the text is placed in the middle vertically of a line that's 100px tall.