CSS1 Test Suite: 5.5.05 margin

The style declarations which apply to the text below are:

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

NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in section 4.1.1 of the CSS1 specification.

This element has a class of zero.

This sentence should have an overall margin of half an inch, which will require extra text in order to test.

This element has a class of zero.

This sentence should have an overall margin of 25 pixels, which will require extra text in order to test.

This element has a class of zero.

This sentence should have an overall margin of 5 em, which will require extra text in order to test.

This element has a class of zero.

This sentence should have an overall margin of 25%, which is calculated with respect to the width of the parent element. This will require extra text in order to test.

This element has a class of zero.

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

This element has a class of zero.

This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull subsequent text up toward it, and a light blue background. In all other respects, however, the element should be normal. No styles have been applied to it besides the negative margin and the background color.

This element has a class of zero.