In the following lines there are some Unicode space characters wrapped in a span with red border to check them. They are included using their numeric character references.

[] hair space U+200A
[] thin space U+2009
[ ] non-breaking space U+00A0
[] punctuation space U+2008
[] en space U+2002
[] figure space U+2007
[ ] ideographic space U+3000
[] em space U+2003
[] six-per-em space U+2006
[] four-per-em space U+2005
[] three-per-em space U+2004

The same as before, but with the characters directly 'typed' in the source of this page (which is specified as 'charset=utf-8') instead of using their numeric character references.

[] hair space U+200A
[] thin space U+2009
[ ] non-breaking space U+00A0
[] punctuation space U+2008
[] en space U+2002
[] figure space U+2007
[ ] ideographic space U+3000
[] em space U+2003
[] six-per-em space U+2006
[] four-per-em space U+2005
[] three-per-em space U+2004

Now having specified the 'Arial Unicode MS' font family.

[] hair space U+200A
[] thin space U+2009
[ ] non-breaking space U+00A0
[] punctuation space U+2008
[] en space U+2002
[] figure space U+2007
[ ] ideographic space U+3000
[] em space U+2003
[] six-per-em space U+2006
[] four-per-em space U+2005
[] three-per-em space U+2004

Now having specified the 'Lucida Sans Unicode MS' font family.

[] hair space U+200A
[] thin space U+2009
[ ] non-breaking space U+00A0
[] punctuation space U+2008
[] en space U+2002
[] figure space U+2007
[ ] ideographic space U+3000
[] em space U+2003
[] six-per-em space U+2006
[] four-per-em space U+2005
[] three-per-em space U+2004

Now having specified the Code2000 font family.

[] hair space U+200A
[] thin space U+2009
[ ] non-breaking space U+00A0
[] punctuation space U+2008
[] en space U+2002
[] figure space U+2007
[ ] ideographic space U+3000
[] em space U+2003
[] six-per-em space U+2006
[] four-per-em space U+2005
[] three-per-em space U+2004

Now with white-space: pre declared for the spans containing the characters.

[] hair space U+200A
[] thin space U+2009
[ ] non-breaking space U+00A0
[] punctuation space U+2008
[] en space U+2002
[] figure space U+2007
[ ] ideographic space U+3000
[] em space U+2003
[] six-per-em space U+2006
[] four-per-em space U+2005
[] three-per-em space U+2004

With white-space: pre and Arial Unicode.

[] hair space U+200A
[] thin space U+2009
[ ] non-breaking space U+00A0
[] punctuation space U+2008
[] en space U+2002
[] figure space U+2007
[ ] ideographic space U+3000
[] em space U+2003
[] six-per-em space U+2006
[] four-per-em space U+2005
[] three-per-em space U+2004

In all the modern browsers the above works correctly (or better: 'as expected'), with small variations among them. Except in Opera where almost all spaces are converted to a normal space, except when white-space: pre is in effect (last two sets). In IE6 is necessary that an existing font containing the required characters is specified.

CSS tests home