layout/reftests/text/word-spacing-01-ref.html


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

<!DOCTYPE HTML>
<html>
<head>
<style>
span { display:inline-block; width:10ch; }
/* first tab-position will be at 2 * (space-width + word-spacing), i.e. 22ch,
   so to advance there after the 3-ch word "tab" we need 19ch of added space */
span.tab { width: 19ch; }
</style>
</head>
<body style="font-family: monospace; width: 433px; height: 590px;">

<table border="1">
<tr><td>space <span></span>.</td>
<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
<tr><td>ideographic-space&#x3000;.</td>
<tr><td>newline
<span></span>.</td>
<tr><td>tab&#9;<span></span>.</td>
<tr><td>form-feed&#12;.</td>
</table>

<table border="1" style="white-space:pre">
<tr><td>space <span></span>.</td>
<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
<tr><td>ideographic-space&#x3000;.</td>
<tr><td>newline
.</td>
<tr><td>tab<span class=tab></span>.</td>
<tr><td>form-feed&#12;.</td>
</table>

<table border="1" style="white-space:nowrap">
<tr><td>space <span></span>.</td>
<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
<tr><td>ideographic-space&#x3000;.</td>
<tr><td>newline <span></span>.</td>
<tr><td>tab&#9;<span></span>.</td>
<tr><td>form-feed&#12;.</td>
</table>

<table border="1" style="white-space:pre-wrap">
<tr><td>space <span></span>.</td>
<tr><td>nonbreaking-space&nbsp;<span></span>.</td>
<tr><td>ideographic-space&#x3000;.</td>
<tr><td>newline
.</td>
<tr><td>tab<span class=tab></span>.</td>
<tr><td>form-feed&#12;.</td>
</table>

</body>
</html>