То, что вы видите, рушится.
Если элемент с полем находится внутри элемента без рамки или отступов, поле сжимается с полем родительского элемента.
Это поле элемента h1
, которое вы видите вверху. Поскольку ни у одного из родителей нет границ или отступов, поле полностью разрушается до самого внешнего контейнера.