If you have any comments to make regarding this test, e-mail ian@hixie.ch.
Prerequisites
Browsers that are subjected to this test should support CSS1 and the CSS2 display property.
In the tests below, correct behaviour is denoted like this:
This text is correctly rendered. As is this one.
... and wrong behaviour like this:
This text is badly rendered. Very badly indeed.
In other words, the colours should match, like in a puzzle, and sentences should flow together.
1. Simple
This test should run-in to this one.
This is one set of text. This second set of text should run-in to this one.
This text should run-in to this one.
This is a block on its own. This text should run-in to this one.
This is one line. This should be another line.
This is one line. This should be another line.
This is one line. This should be another line.
2. More Complex
This text should run-in to
This should be on its own.
this line.
This text should run-in to
This should be on the right, over the box containing the run-in text to the left.
this line.
This should run-in to this nice line. This should be another line.
This text should run-in to
This should be on its own.
this line.
This is one line. This should be another line.
3. Difficult
This text should be on its own, but inside the dotted shifted box.
This should be on its own too, and also inside the dotted shifted box.
This text should be on its own, but inside the dotted shifted box.
This should be on its own too, and also inside the dotted shifted box.
This text should be on its own. It should not run-in to this line.
This text should run-in to this one and this one.
This text should be on its own. This should be be on its own. This should be part of this text.
In the following test, the underlining should be this colour, and the text should be this colour.
This text should be underlined, and this block is the cause of the underlining.
4. Composite
The following two tests should look identical. The first is the run-in test,
the second is the control.
This text should be on its own. This text should be on its own. This text should be on its own.
This should be part of this text.
This should be on its own.
This text should be on its own.
This text should be on its own.
This text should be on its own.
This should be part of this text
and this text.
This should be on its own.
5. The Worst
Can you think of an acid test of run-ins?
6. Elemental, my dear Watson
This section tests a very simple run-in/block pair for a few common
HTML elements.
There should be no gap between this text and the following dotted box. This text should start with a blank line (i.e., there should be a big space between
this text and the top dotted line).
The following should result in the nasty position of nested anchors. The first goes to placeholder.html#one, the
second goes to placeholder.html#two.
The following results in nested quotes. There should be two sets of
quotes at the start of the sentence, the inner one ending just before
the seconds "this" of the sentence. An example rendering follows the test.
This should run-in to
this text.
This is the example rendering:
"
'This should run-in to'
this text. "
This should run-in to
this text, resulting in the first section being struck out.