Test of top

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 (i.e., touching the top; some div's have been made taller).

This paragraph should be offset 20px below its normal position.

This paragraph should be offset 40% of the height of the red-bordered div below 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 below its normal position.

This paragraph is in its normal position within the div.

This paragraph should be offset 50px below its normal position.

This paragraph should be offset 50px below the top of the div, but its bottom should be even with the bottom of the div.

This paragraph should be offset 40% of the height of the red-bordered div below the top of the red bordered div, but its bottom should extend out of the bottom of the div.

This paragraph should have double the font size of the other paragraphs and should be offset double its font-size below the top of the red bordered div, and its bottom should be even with the bottom of the div.

This paragraph is in its normal position within the div.

The top of this paragraph should be offset 100px below the top of the red bordered div.


Valid HTML 4.0!

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org