The first working margins test
Testing nested margins
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
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)
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.