Which of the given options is/are equivalent to the following rule?-CodePudding

DIV { line-height: 1.2; font-size: 10pt }

a. DIV { line-height: 1.2em; font-size: 10pt }
b. DIV { line-height: 12em; font-size: 10pt }
c. DIV { line-height: 120%; font-size: 10pt }
d. DIV { line-height: 20%; font-size: 10pt }
e. DIV { line-height: 80%; font-size: 10pt }

I think a is correct.

a. DIV { line-height: 1.2em; font-size: 10pt }

CodePudding user response：

I think the following two are correct.

a. DIV { line-height: 1.2em; font-size: 10pt }
c. DIV { line-height: 120%; font-size: 10pt }

CodePudding user response：

Both A and C are correct, but it is best to avoid ems as they can produce unexpected results.

https://developer.mozilla.org/en-US/docs/Web/CSS/line-height