Difference between height and line-height, using rem

Question

Im writing CSS:

.block1 {line-height:1.2rem} 
.block2 {height:1.2rem}

Calculated sizes in browser: block1 height = 19px and block2 height = 19.2px

Where does the difference come from? How i can get same size using rem?

Does this answer your question? [height vs line-height styling](https://stackoverflow.com/questions/7616618/height-vs-line-height-styling) — Aib Syed, Oct 23 '20 at 08:14

score 0 · Answer 1 · answered Oct 23 '20 at 08:38

0

I think the problem is rounding. When Chrome calculating line-height, it becomes 19. And the real value is 19.2.

answered Oct 23 '20 at 08:38

400kg

1 Answers1