A sequence of ten x s indicates where I expect a line break to be. It's fine if all ten of the x s are on the end of the old line rather than the beginning of the new line, but if anything after the x s is on the old line, then that's a problem. If your browser is showing a line-break somewhere else, but seems to be showing the rest of the test with some accuracy, let me know , and send me a screenshot. If the line breaks aren't where the x s are, then the test results are not valid. Also, please let me know if you find any errors in the CSS, i.e., anything that would cause the green lines not to line up in a CSS2-conformant browser.
Text is an important part of visual layout.
The above test should agree with the reference rendering below, except for the exact location of line breaks. The following may also be useful, since it shows edges and padding. Well, if any browser ever passes the above test, let me know, and I will write the advanced test. Changed test so that largest element on each line was anchored to the x s so that the reference rendering could specify where the x s go. Added second reference rendering.