CSS1 Test Suite: 5.5.03 margin-bottom

The style declarations which apply to the text below are:

    .zero {background-color: silver; margin-bottom: 0;}
    .one {margin-bottom: 0.5in; background-color: aqua;}
    .two {margin-bottom: 25px; background-color: aqua;}
    .three {margin-bottom: 5em; background-color: aqua;}
    .four {margin-bottom: 25%; background-color: aqua;}
    .five {margin-bottom: 25px;}
    .six {margin-bottom: -10px; background-color: aqua;}
    P, UL {margin-top: 0;}

This element has a class of zero.

This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the margin isn't applied to each line.

This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the margin isn't applied to each line.

This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin isn't applied to each line.

This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin isn't applied to each line.

This element has a class of zero.

This element also has a class of zero.

- This list has a margin-bottom of 25px, and a light blue background.
- Therefore, it ought to have such a margin.
- This list item has a bottom margin of 25px, which should cause it to be offset in some fashion.
- This list item has no special styles applied to it.

This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted "upward" on the page, and no top margin. No other styles have been applied to it besides a light blue background color. In all other respects, the element should be normal.

This element has a class of zero.

This element also has a class of zero.

TABLE Testing Section
| This element has a class of zero. This sentence should have a bottom margin of half an inch, which will require extra text in order to make sure that the margin isn't applied to each line. This sentence should have a bottom margin of 25 pixels, which will require extra text in order to make sure that the margin isn't applied to each line. This sentence should have a bottom margin of 5 em, which will require extra text in order to make sure that the margin isn't applied to each line. This element should have a bottom margin of 25%, which will require extra text in order to make sure that the margin isn't applied to each line. This element has a class of zero. This element also has a class of zero. This list has a margin-bottom of 25px, and a light blue background. Therefore, it ought to have such a margin. This list item has a bottom margin of 25px, which should cause it to be offset in some fashion. This list item has no special styles applied to it. This paragraph has a bottom margin of -10px, which should cause elements after it to be shifted "upward" on the page, and no top margin. No other styles have been applied to it besides a light blue background color. In all other respects, the element should be normal. This element has a class of zero. This element also has a class of zero.