blob: 9b3b9bb2c1d5bd2678116e52fd399a1ebf3630ec (
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
|
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Bug 809020</title>
<style>
p {
font-family: monospace;
margin: .5em 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-<br>ho
</p>
<p class="break">
co-<br>author
</p>
<p class="break">
hi-<br>de-<br>hi
</p>
<p class="break">
far-<br>sighted
</p>
<p class="break">
hocus-<br>pocus
</p>
<p class="break">
Nanki-<br>Poo
</p>
<p class="break">
Miami-<br>Dade
</p>
<p class="break">
Wells-<br>next-<br>the-<br>Sea
</p>
<p class="break">
Lee-<br>on-<br>the-<br>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-<br>shirt
</p>
<p class="break">
billy-<br>o
</p>
<!-- but here the emergency wrap is not forced -->
<p class="nobreak">
Supersized<br>T-shirt
</p>
<p class="nobreak">
Going like<br>billy-o
</p>
</body>
</html>
|