The first working margins test

test

Testing nested margins

Test

Testing how borders affect the nested margins

Testing, how margins in Inline-Elements affect the system.

A long line that can be broken down. A line with margin-top: 10pt. Does that line have any effect?

A long line that can be broken down. A inline-block with margin-top: 10pt. Does that line have any effect?

A long line that can be broken down. A inline-block with margin-top: 10pt. Does that line have any effect?

Testing nested margins

Test
The Green area in the left and right is 50pt, as inline-level margins never collapse. The distance between the red box and the top and bottom edge is 50pt. The distance between the left/right edge and the border of the box is 10pt.

Testing nested margins (collapsing at the root)

Test
The Green area in the left and right is 50pt, as inline-level margins never collapse. The distance between the red box and the top and bottom edge is 50pt. The distance between the left/right edge and the border of the box is 10pt.
Test