For each test, there are two versions. One in a DIV (left hand side) and one in a table (right hand side).
These two images would be on the same line but are wrapped because their container is too short (exactly 100px long, same as the images):
|
|
These two images would be on the same line but are wrapped because they have a <br> element between them:
|
|
These two images would be on the same line but are wrapped because they have a <br> and some whitespace between them:
|
|
Legacy behaviour studied: IE4
Note -- in all cases, in standard mode, the images should be separated by some whitespace. In all cases, it should be the same amount of whitespace, namely a very few pixels (like 4 or 5).
A version of this test with a standard DOCTYPE is available.