77 lines
1.1 KiB
HTML
77 lines
1.1 KiB
HTML
<!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>
|