CSS2 Test Suite: 16.4 word-spacing

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

The style declarations contained within this page:

.cl1 {word-spacing: 0.3in;}
.cl2 {word-spacing: 0.5cm;}
.cl3 {word-spacing: 5mm;}
.cl4 {word-spacing: 3pt;}
.cl5 {word-spacing: 0.25pc;}
.cl6 {word-spacing: 1em;}
.cl7 {word-spacing: 1ex;}
.cl8 {word-spacing: 5px;}
.cl9 {word-spacing: normal;}
.cl10 {word-spacing: 300%;}
.cl11 {word-spacing: -0.2em;}
div.parent {word-spacing: normal;}
div.inh1 {word-spacing: 2em;}
div.inh2 {word-spacing: -2em;}


[cl1] The words in this paragraph should have extra space between them.

[cl2] The words in this paragraph should have extra space between them.

[cl3] The words in this paragraph should have extra space between them.

[cl4] The words in this paragraph should have extra space between them.

[cl5] The words in this paragraph should have extra space between them.

[cl6] The words in this paragraph should have extra space between them.

[cl7] The words in this paragraph should have extra space between them.

[cl8] The words in this paragraph should have extra space between them, but the last few words in the sentence [cl9] should show normal spacing.

[cl10] The words in this paragraph should have normal space between them, since percentage values are not allowed on this property.

[cl11] The words in this paragraph should have reduced space between them, since negative values are allowed on this property.


[div.parent] This DIV has been set with parental styles. The inline elements within this DIV are enclosed in square brackets in order to more easily discern their placement.
[div.inh1] This DIV should use a normal word spacing for its display, as it has a style attribute set to inherit the word-spacing value. [/div.inh1]
[div.inh2] This DIV should use a normal word spacing for its display, as it has a style attribute set to inherit the word-spacing value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]

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