5-Level Nested Block Margin Test
Level 1 (margin: 40px)
Expected outer margin: 40px
Level 2 (margin: 30px)
Expected margin collapse: max(40px,30px) = 40px
Level 3 (margin: 20px)
Expected margin collapse: max(30px,20px) = 30px
Level 4 (margin: 10px)
Expected margin collapse: max(20px,10px) = 20px
Level 5 (margin: 5px)
Expected margin collapse: max(10px,5px) = 10px
Innermost Content
No margin here - just padding from parents
Testing Notes:
Verify margins collapse according to CSS spec (adjacent vertical margins should collapse to the larger value)
Check that borders/padding prevent margin collapsing where they should
Inspect that horizontal margins don't collapse
Confirm nested margins don't "leak" outside parent containers