Encoder: seltsame Lücke zwischen Elementen

Beitrag lesen

Ok das bedeutet also, die Positionierung von Elementen bezieht sich nicht unbedingt immer auf das nächste umschließende Element? Sondern auf was dann, auf das vorige wirklich sichtbare Element? Ein div ist ja an sich nicht sichtbar. Außer es hat einen Rand (den man sieht), kommt das hin?

Umgesetzt, auf was bezieht sich in meinem Code der margin des <p>?
Da collapst doch eigentlich nix, ich meine eher da verschiebt sich was.
Womit liege ich da verkehrt?
Sorry aber ich blick das grad echt nicht mehr.