Test 1: Plain nested divs

Plain nesting works correctly

Test 2: min-width on intermediate boxes

Hi

Test 3: max-width on intermediate boxes

This text is longer than 300px and should be constrained by max-width

Test 4: overflow:hidden (creates BFC) in the middle

BFC in the middle of nesting

Test 5: Multiple siblings

First sibling

Second sibling is longer than first

Another branch

Test 6: Flex container in the middle

Flex container ancestor

Test 7: Grid container in the middle

Grid container ancestor

Test 8: inline-block in the middle

inline-block ancestor

Test 9: Float inside nested structure

Floated content

Non-floated sibling

Test 10: Borders and padding accumulating

Accumulated borders

Test 11: Mixed nesting types

Complex mixed nesting

Test 12: min-content sizing

min-content test with some words

Test 13: Auto margins in intrinsic context

Auto margins

Test 14: Percentage padding

Percentage padding

Test 15: Deep generated nesting (100 levels)