1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
4 <title>CSS Test: word-spacing on Fixed-Width Space Characters
</title>
5 <link rel=
"author" title=
"Elika J. Etemad" href=
"http://fantasai.inkedblade.net/contact">
6 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/text.html#spacing-props">
7 <meta name=
"flags" content=
"">
8 <meta name=
"assert" content=
"Word-spacing does not affect fixed-width spaces.">
9 <style type=
"text/css">
12 font-family: monospace
;
13 page-break-inside: avoid
;
33 <p>In each of the following pairs, the blue and orange bars must have equal lengths.
</p>
35 <!-- IDEOGRAPHIC SPACE -->
36 <div class=
"ws-normal">
37 <p class=
"control"><span>A
    B
</span></p>
38 <p class=
"test"><span>A
    B
</span></p>
41 <p class=
"control"><span>A
    B
</span></p>
42 <p class=
"test"><span>A
    B
</span></p>
46 <div class=
"ws-normal">
47 <p class=
"control"><span>A
    B
</span></p>
48 <p class=
"test"><span>A
    B
</span></p>
51 <p class=
"control"><span>A
    B
</span></p>
52 <p class=
"test"><span>A
    B
</span></p>
56 <div class=
"ws-normal">
57 <p class=
"control"><span>A
    B
</span></p>
58 <p class=
"test"><span>A
    B
</span></p>
61 <p class=
"control"><span>A
    B
</span></p>
62 <p class=
"test"><span>A
    B
</span></p>
66 <div class=
"ws-normal">
67 <p class=
"control"><span>A
    B
</span></p>
68 <p class=
"test"><span>A
    B
</span></p>
71 <p class=
"control"><span>A
    B
</span></p>
72 <p class=
"test"><span>A
    B
</span></p>
76 <div class=
"ws-normal">
77 <p class=
"control"><span>A
    B
</span></p>
78 <p class=
"test"><span>A
    B
</span></p>
81 <p class=
"control"><span>A
    B
</span></p>
82 <p class=
"test"><span>A
    B
</span></p>
85 <!-- THREE-PER-EM SPACE -->
86 <div class=
"ws-normal">
87 <p class=
"control"><span>A
    B
</span></p>
88 <p class=
"test"><span>A
    B
</span></p>
91 <p class=
"control"><span>A
    B
</span></p>
92 <p class=
"test"><span>A
    B
</span></p>
95 <!-- FOUR-PER-EM SPACE -->
96 <div class=
"ws-normal">
97 <p class=
"control"><span>A
    B
</span></p>
98 <p class=
"test"><span>A
    B
</span></p>
101 <p class=
"control"><span>A
    B
</span></p>
102 <p class=
"test"><span>A
    B
</span></p>
105 <!-- SIX-PER-EM SPACE -->
106 <div class=
"ws-normal">
107 <p class=
"control"><span>A
    B
</span></p>
108 <p class=
"test"><span>A
    B
</span></p>
111 <p class=
"control"><span>A
    B
</span></p>
112 <p class=
"test"><span>A
    B
</span></p>
115 <!-- FIGURE SPACE -->
116 <div class=
"ws-normal">
117 <p class=
"control"><span>A
    B
</span></p>
118 <p class=
"test"><span>A
    B
</span></p>
121 <p class=
"control"><span>A
    B
</span></p>
122 <p class=
"test"><span>A
    B
</span></p>
125 <!-- PUNCTUATION SPACE -->
126 <div class=
"ws-normal">
127 <p class=
"control"><span>A
    B
</span></p>
128 <p class=
"test"><span>A
    B
</span></p>
131 <p class=
"control"><span>A
    B
</span></p>
132 <p class=
"test"><span>A
    B
</span></p>
136 <div class=
"ws-normal">
137 <p class=
"control"><span>A
    B
</span></p>
138 <p class=
"test"><span>A
    B
</span></p>
141 <p class=
"control"><span>A
    B
</span></p>
142 <p class=
"test"><span>A
    B
</span></p>
146 <div class=
"ws-normal">
147 <p class=
"control"><span>A
    B
</span></p>
148 <p class=
"test"><span>A
    B
</span></p>
151 <p class=
"control"><span>A
    B
</span></p>
152 <p class=
"test"><span>A
    B
</span></p>
155 <!-- NARROW NO-BREAK SPACE -->
156 <div class=
"ws-normal">
157 <p class=
"control"><span>A
    B
</span></p>
158 <p class=
"test"><span>A
    B
</span></p>
161 <p class=
"control"><span>A
    B
</span></p>
162 <p class=
"test"><span>A
    B
</span></p>
165 <!-- MEDIUM MATHEMATICAL SPACE -->
166 <div class=
"ws-normal">
167 <p class=
"control"><span>A
    B
</span></p>
168 <p class=
"test"><span>A
    B
</span></p>
171 <p class=
"control"><span>A
    B
</span></p>
172 <p class=
"test"><span>A
    B
</span></p>