Outline

the following two div elements should look the same:

First

Second

Here is some text.

This has a 20px solid invert outline.

Here is some text.

This is a block level element that has within it a very long inline element with a 20px solid invert outline that should cause some strange effects in many places in the paragraph, since the line spacing is small.

Here is some text.

This has a 2px dashed invert outline.

Here is some text.

This is a block level element that has within it a very long inline element with a 2px dashed invert outline that should cause some strange effects in many places in the paragraph, since the line spacing is small.

This has a medium double green outline.

This is a block level element that has within it a very long inline element with a medium double green outline that should cause some strange effects in many places in the paragraph, since the line spacing is small.

This has a 9px ridge blue outline.

This is a block level element that has within it a very long inline element with a 9px ridge blue outline that should cause some strange effects in many places in the paragraph, since the line spacing is small.

This has a medium dashed green outline.

This is a block level element that has within it a very long inline element with a medium dashed green outline that should cause some strange effects in many places in the paragraph, since the line spacing is small.

This has a medium dotted green outline.

This is a block level element that has within it a very long inline element with a medium dotted green outline that should cause some strange effects in many places in the paragraph, since the line spacing is small.

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org