1 em дорівнює розміру в пікселях, поділеному на базове значення (за замовчуванням 16px); 1 em дорівнює 100%.
Розміри в em – Відносні, вони визначаються за поточним контекстом. 24 пікселі – і в Африці 24 пікселі, тому розмір шрифту в <div> однаковий. Оскільки значення в em обчислюється щодо поточного шрифту, то вкладений рядок у 1.5 рази більший, ніж перший.
Одиниця em – Просто розмір шрифту. В елементі, якому заданий шрифт 2in, 1em і означає ці 2in.
Давайте коротко розглянемо цю різницю. Резюме: одиниця em як font-size відноситься до розміру шрифту батьківського елемента. В інших властивостях em відноситься до розміру шрифту поточного елемента. Одиниця rem завжди відноситься до розміру шрифту кореневого елемента HTML.