blob: 17b414fe6de4e384c4aabff9f48935e5b4d31ae1 (
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
|
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Bug 809020</title>
<style>
p {
font-family: monospace;
margin: .5em 0;
width:0;
}
.break {
color: green;
}
.nobreak {
color: red;
}
</style>
</head>
<body>
The green examples should break at all their hyphens; the red ones should not.
<p class="break">
tally-ho
</p>
<p class="break">
co-author
</p>
<p class="break">
hi-de-hi
</p>
<p class="break">
far-sighted
</p>
<p class="break">
hocus-pocus
</p>
<p class="break">
Nanki-Poo
</p>
<p class="break">
Miami-Dade
</p>
<p class="break">
Wells-next-the-Sea
</p>
<p class="break">
Lee-on-the-Solent
</p>
<p class="nobreak">
\\/^-_-^\//
</p>
<p class="nobreak">
(''')-.-(''')
<p class="nobreak">
:-">
<p class="nobreak">
<{^-^}>
</p>
<p class="nobreak">
:-D
</p>
<!-- these break due to "emergency" overflow wrapping -->
<p class="break">
T-shirt
</p>
<p class="break">
billy-o
</p>
<!-- but here the emergency wrap is not forced -->
<p class="nobreak" style="width:17ch">
Supersized T-shirt
</p>
<p class="nobreak" style="width:17ch">
Going like billy-o
</p>
</body>
</html>
|
