CSS2 Test Suite: 9.2.5 display

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.cl1 {display: inline;}
.cl2 {display: block; background: #FCC;}
.cl3 {display: list-item; list-style-type: square; margin-left: 3em;}
.cl4 {display: none; color: red; font-weight: bold; background: yellow;}
.cl5 {display: run-in;}
.cl6 {margin-left: 5em;}
dt {display: compact;}


In this page, each test or set of tests has been separated with an 'hr' element in order to keep them distinct from one another.


[cl1] This 'p' element should be inline, as should the next two.

[cl1] This 'p' element should be inline, as should the previous and next paragraph.

[cl1] This 'p' element should be inline, as should the previous two.


This 'div' element, which is unstyled, contains a 'span' element [cl2] which is set to class 'cl2' and should therefore be block-level thus breaking up the flow of the 'div' by interrupting it with another block-level element.

[cl3] This paragraph should be rendered as a list-item.


The text following the class marker should be invisible: [cl4] you can't see me!

If the following paragraph is visible, it will be very obvious. It should not be visible, since it a has a class of "cl4".

Hey! I shouldn't be visible!


[cl5] A Heading 3.

The previous 'h3' element (with a class of 'cl5') should run into this paragraph, which means that it appears as inline content at the beginning of this paragraph.


[cl6]
This is a 'dd' element with a 'dt' element preceding it.
Term Number 2
This is another 'dd' element with a 'dt' element preceding it.
No. 3
This is yet another 'dd' element with a 'dt' element preceding it.

[index page] [section] [Previous] [Next] [Specification]