CSS1 Test Suite: 5.5.03 margin-bottom

[Previous] [Next] [Section] [Contents] [Specification]

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 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.

[Previous] [Next] [Section] [Contents] [Specification]