:first-line test

The first line of each PARENT list item should be red. This file is not running in quirks mode, but according to my
tests, it doesn't matter whether or which DOCTYPE you use. If child LIs have red first-lines, then the browser
is broken.

Results:

MSIE 6 Broken

The li:first-line also applies to the first lines of all the children LIs, even if their :first-line
pseudoclass is overridden by a li li:first-line rule of their own. The :first-line
pseudoclass is thus semi-functional, but completely useless in recursive situations where you have an element
containing other elements of the same tagName. Also, a :first-line background property will
affect the entire parent element above the first linebreak, rather than just applying a background to
the line of text (as if the text was wrapped in a span, for example.)

FireFox and Opera Mostly Functional

The li:first-line rules can be overridden on the child elements. :first-line backgrounds
are only applied to the text, not to the space above the text. I'm assuming that this is the way it should work, since
it makes the most sense.

Other Oddness

On all browsers tested (Opera 7, MSIE 6, Firefox 1.0), a :first-line property would not be applied
to block-level elements that are direct descendents of the :first-lineed selector. For example, if you
apply a :first-line property to an LI, then it will not affect LI P. I'm not
sure if this is what the specs say it should be doing, but it seems to me like this property should intuitively
be inherited, barring any overriding rules with higher specificity, since that is how the other pseudoclasses work.

This LI has a paragraph inside. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI also has another LI inside. What happens to my first line? There's no paragraph here. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has a paragraph inside. It has no children. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has a span inside, which is an inline element. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has a span inside, which is an inline element. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has a span inside, but the span is "display:block"ed. It has no children. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has a span inside. It has no children. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has no paragraph inside. It has a child that has a paragraph. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has a paragraph inside. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

Another LI. This LI has a paragraph inside. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

Number Three! This LI has a paragraph inside. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has a paragraph inside. It has a child that has no paragraph. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

This LI has no paragraph inside. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

Another LI. This LI has no paragraph inside. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.

Number Three! This LI has no paragraph inside. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap. Here is some text to make it wrap.