Em is een relatieve lengtemaat ten opzichte van de grootte van het font. Met deze paragraaf doe ik niks.

Bekijk de elementen als de wrapper-div en deze paragraaf ook met de inspector van je webbrowser

Experimenteer met em's.
De 'wrapper-div' heeft een mint-groene achtergrond.

Deze paragraaf zit in de wrapper-div. In de stijl heeft deze paragraaf een font-size van 2em gekregen.

Deze box heeft een breedte en hoogte van 1em.
Deze box heeft een breedte en hoogte van 1rem.

Met deze tekst ga ik niks doen. Het blauw-violette vakje meet 1em bij 1em.
1 em staat voor de grootte van het font waar je op dat moment mee werkt. 2em betekent dus 2 keer de huidige fontgrootte.
Dat kan op verschillende plekken dus verschillende waarden hebben.
Deze box meet 1rem hoog en breed.
100px bij 100px