blob: 776c87e74784141137cfe37a3517aa8d0ad4203e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
|
<html>
<head>
<title>word-spacing and letter-spacing über-test</title>
<!--
This tests wordspacing under a variety of conditions. Things to note:
* Within a <pre> block multiple spaces only have the word-spacing applied once,
eg. the distance between 'foo' and 'bar' in <pre>foo bar</pre>, will not be doubled
in <pre>foo bar</pre>. The block size should be approximately
numchars*(charwidth+letter_spacing)+(numwords-1)*word_spacing.
* <pre>elements too</pre>, <pre>elements <!-- comment --*> too</pre> have a different
number of spaces seperating 'elements' and 'too', hence will have different sized gaps
* <pre> blocks are already using a monospace font so no difference may be visible in
the monospace sections within them.
-->
</head>
<body style="overflow:hidden;">
<h2>word-spacing</h2>
<pre style="word-spacing: 20px; float: left;">
<h3>In a floated pre</h3>
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
<span style="font-family: monospace">Word spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
Word spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
Word spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</pre>
<br style="clear:both;"/>
<pre style="word-spacing: 20px;">
<h3>In an un-floated pre</h3>
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
<span style="font-family: monospace">Word spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
Word spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
Word spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</pre>
<span style="word-spacing: 20px;">
<h3>In a span</h3>
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.<br/>
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)<br/>
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)<br/>
Word spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)<br/>
<span style="font-family: monospace">Word spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)<br/>
Word spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)<br/>
Word spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</span>
<br/>
<br/>
<br/>
<h2>letter-spacing</h2>
<pre style="letter-spacing: 5px; float: left;">
<h3>In a floated pre</h3>
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
<span style="font-family: monospace">Letter spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Letter to elements)
Letter spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
Letter spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</pre>
<br style="clear:both;"/>
<pre style="letter-spacing: 5px;">
<h3>In an un-floated pre</h3>
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
<span style="font-family: monospace">Letter spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Letter to elements)
Letter spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
Letter spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</pre>
<br style="clear:both;"/>
<span style="letter-spacing: 5px;">
<h3>In a span</h3>
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.<br/>
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)<br/>
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)<br/>
Letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)<br/>
<span style="font-family: monospace">Letter spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Letter to elements)<br/>
Letter spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)<br/>
Letter spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</span>
<br/>
<br/>
<br/>
<h2>both-spacing</h2>
<pre style="word-spacing: 20px; letter-spacing: 5px; float: left;">
<h3>In a floated pre</h3>
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
<span style="font-family: monospace">Word and letter spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
Word and letter spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
Word and letter spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</pre>
<br style="clear:both;"/>
<pre style="word-spacing: 20px; letter-spacing: 5px;">
<h3>In an un-floated pre</h3>
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)
<span style="font-family: monospace">Word and letter spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)
Word and letter spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)
Word and letter spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</pre>
<br style="clear:both;"/>
<span style="word-spacing: 20px; letter-spacing: 5px;">
<h3>In a span</h3>
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements too.<br/>
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment --> too. (with comment between elements and too)<br/>
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements<!-- comment --> too. (with comment (no preceeding space) between elements and too)<br/>
Word and letter spacing test <em>for</em> <strong>elements</strong> <tt>within</tt> elements <!-- comment -->too. (with comment (no trailing space) between elements and too)<br/>
<span style="font-family: monospace">Word and letter spacing test <em>for</em> <strong>elements</strong></span> <tt>within</tt> elements too. (with monospace font from Word to elements)<br/>
Word and letter spacing test <span style="font-family: monospace"><em>for</em> <strong>elements</strong> <tt>within</tt></span> elements too. (with monospace font from for to within)<br/>
Word and letter spacing test <em>for</em> <strong>elements</strong> <span style="font-family: monospace"><tt>within</tt> elements too</span>. (with monospace font from elements to too)
</span>
</body>
</html>
|
