Minimum and Maximum Heights - Recalculations

This paragraph should be 300px tall.

This paragraph should be 300px tall.

This paragraph (three) should be 300px tall and the block should be centered vertically within the parent. (It should also be 200px wide and centered horizontally.)

This paragraph (four) should be 300px tall and the block should be centered vertically within the parent. (It should also be 200px wide and centered horizontally.)

The text in this paragraph should extend outside the paragraph - the paragraph should remain only 20px tall and the text should flow out the bottom, assuming there is enough of it. Adding extra text to make sure. Adding extra text to make sure. Adding extra text to make sure. Adding extra text to make sure. Adding extra text to make sure. Adding extra text to make sure. Adding extra text to make sure. Adding extra text to make sure.

The next six images should have 10px gaps between them. They should be, respectively, 600px tall, 600px wide, 50px tall, 50px wide, 600px tall, and natural size:

Test Image Test Image Test Image Test Image Test Image Test Image

These images should be the same sizes, but they are inline: Test Image Test Image Test Image Test Image Test Image Test Image

These should be the same six sizes repeated twice. The first set should be centered vertically, and the second set should be bottom-aligned to their containing block.

Test Image
Test Image
Test Image
Test Image
Test Image
Test Image
Test Image
Test Image
Test Image
Test Image
Test Image
Test Image

Valid HTML 4.0!

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org