The difference of the line-height:2 and line-height:2em

The difference of the line-height:2 and line-height:2em

When I make up the www.apple.com/apple-pay/offers/, I need to make a box for "优惠名额已满，感谢再次惠顾", and i need to set up the line-height for the font

So what's the difference about the two css

• Line-height:2 is based on the font what is the only themself
• Line-height:2em is based on the font father element

we can see the difference from the code
`

普通文字普通文字普通文字普通文字普通文字普通文字普通文字普通文字普通文字普通文字优惠结束普通文字普通文字普通文字普通文字普通文字普通文字

普通文字普通文字普通文字普通文字普通文字普通文字普通文字普通文字普通文字普通文字优惠结束普通文字普通文字普通文字普通文字普通文字普通文字

`