# Наследование и единицы em в CSS

Пусть теперь у нас есть более глубокая вложенность:

`<main> <div> <p> text </p> </div> </main>`

Пусть тег `main` имеет следующий размер шрифта:

`main { font-size: 10px; }`

Тегу `div` поставим размер шрифта в `em`:

`div { font-size: 2em; /* соответствует 20px */ }`

Абзацу также поставим размер шрифта в `em`. В этом случае он будет считать свой размер относительно уже вычисленного размера шрифта дива:

`p { font-size: 2em; /* соответствует 40px */ }`

## Практические задачи

Пусть у нас есть HTML код, для которого мы будем решать задачи:

`<section> <div> <p> text </p> </div> </section>`

Определите, какой размер шрифта в `px` будут иметь дивы в результате выполнения следующего кода:

`section { font-size: 10px; } div { font-size: 2em; }`

Определите, какой размер шрифта в `px` будут иметь абзацы в результате выполнения следующего кода:

`section { font-size: 10px; } div { font-size: 2em; } p { font-size: 1.5em; }`

Определите, какой размер шрифта в `px` будут иметь абзацы в результате выполнения следующего кода:

`section { font-size: 40px; } div { font-size: 0.5em; } p { font-size: 0.5em; }`
←→
↑