CSS1 Test Suite: 5.5.01 margin-top


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

The style declarations which apply to the text below are:

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

This element has a class of zero.

This element also has a class of zero.

This element should have a top 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 element should have a top margin of 25 pixels, which will require extra text in order to make sure that the margin isn't applied to each line.

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

TABLE Testing Section
 

This element has a class of zero.

This element also has a class of zero.

This element should have a top 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 element should have a top margin of 25 pixels, which will require extra text in order to make sure that the margin isn't applied to each line.

This element should have a top 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 top 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 list has a margin-top of 25px, and a light blue background.
  • Therefore, it ought to have such a margin.
  • This list item has a top 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 element has a top margin of -10px, which should cause it to be shifted "upward" on the page, and no bottom margin. No other styles have been applied to it besides a light blue background color. In all other respects, the element should be normal.


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