Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com tests: margin collapsing

Margin collapsing

All of the m's in the two rows below should be in line because the margins should all collapse to the same amount

  1. m
    m
    m
    m
    m
    m
    m
    m

    Whereas in these examples, the m should appear as a single letter (i.e., there should only appear to be 2 ms); in addition they should be in line:

  2. m
    m
    m
    m

Zero margin test

  1. Content

    Content

    Content

    Content

    Content

    Content
    Content
    Content
    Content
    Content

    The two columns above should be parallel - the left is a column of Ps with margin: 0; the right a column of equivalent DIVs.