This test needs a much clearer description of expected results. In particular, it needs descriptions of the size of the red boxes.
This paragraph is in its normal position within the
div.
This paragraph should be offset 50px above its normal position.
This paragraph should be offset 40% of the height of
the red-bordered div above its normal position.
This paragraph should be in its normal position within
the div.
This paragraph should have double the font size of the other paragraphs and should be offset double its font-size above its normal position.
This paragraph is in its normal position within the
div.
This paragraph should be offset 100px above its normal position.
This paragraph should be 70px high and has 50px below it and 30px above it.
This paragraph should be 40% of the height of the
red-bordered div high, and has 20% space above it and
40% space below it.
This paragraph should have double the font size of the other paragraphs and should have a space double its font-size between its bottom and the bottom of the red rectangle.
This paragraph should touch the top of the red bordered rectangle.
This paragraph should touch the top of the red bordered rectangle.
This paragraph should touch the bottom of the red bordered rectangle.
This paragraph should touch the top of the red bordered rectangle.
This paragraph should touch both edges of the red bordered rectangle.
This paragraph should have its bottom 100px above
the bottom of the div and should thus touch the top of
the div.
(Back to CSS Testing Information, David Baron)