using rems

I am 1rem (or 16px) because my nearest relative is root. And the default font-size of root is 16px

I am 2rem (or 16px * 2 = 32px) because my parent is also root.

I am 2rem (or 16px * 2 = 32px) because my parent is also root.

I am 2rem (or 16px * 2 = 32px) because my parent is also root.

using ems

I am 1em (or 16px) because my nearest relative is root. And the default font-size of root is 16px

I am 2em (or 16px * 2 = 32px). My parent is the div above me.

I am 2em (or 32px * 2 = 64px). My parent is the div above me.

I am 2em (or 64px * 2 = 128px). My parent is the div above me.