Почему вложенный блок в абзац и заголовок ведут себя по разному?

Question

[pegas]

вот 2 варианта
https://jsfiddle.net/w9gavL99/

https://jsfiddle.net/w9gavL99/1/

Answer 1

[Ankhena]

Потому что div не вкладывается в p

UPD: точнее немного не так: считается, что тег p закрылся перед следующим открывающим div или p или любым другим блочным элементом. А дальше у Вас получается висит закрывающий тег </p>, у которого нет начала.

Вам даже jsfiddle ошибку красным (!) выделяет.

Comments

[pegas]

Но в h1 ведь всё работает. получается P это исключительно только для строчных элементов?

[Ankhena]

1PeGaS:
Тег p это абзац. Правила его закрытия я написала выше. Еще раз: при наличии любого следующего блочного тега, тег p будет считаться закрытым.
https://webref.ru/html/p

Answer 2

[Алексей Захаров]

смотреть Permitted content https://developer.mozilla.org/ru/docs/Web/HTML/Ele...