layout/reftests/line-breaking/conservative-range-1-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset=utf-8>
   5 <title>Bug 809020</title>
   6 <style>
   7 p {
   8   font-family: monospace;
   9   margin: .5em 0;
  10 }
  11 .break {
  12   color: green;
  13 }
  14 .nobreak {
  15   color: red;
  16 }
  17 </style>
  18 </head>
  19 <body>
  20 The green examples should break at all their hyphens; the red ones should not.
  21 <p class="break">
  22 tally-<br>ho
  23 </p>
  24 <p class="break">
  25 co-<br>author
  26 </p>
  27 <p class="break">
  28 hi-<br>de-<br>hi
  29 </p>
  30 <p class="break">
  31 far-<br>sighted
  32 </p>
  33 <p class="break">
  34 hocus-<br>pocus
  35 </p>
  36 <p class="break">
  37 Nanki-<br>Poo
  38 </p>
  39 <p class="break">
  40 Miami-<br>Dade
  41 </p>
  42 <p class="break">
  43 Wells-<br>next-<br>the-<br>Sea
  44 </p>
  45 <p class="break">
  46 Lee-<br>on-<br>the-<br>Solent
  47 </p>
  48 <p class="nobreak">
  49 \\/^-_-^\//
  50 </p>
  51 <p class="nobreak">
  52 (''')-.-(''')
  53 <p class="nobreak">
  54 :-"&gt;
  55 <p class="nobreak">
  56 &lt;{^-^}&gt;
  57 </p>
  58 <p class="nobreak">
  59 :-D
  60 </p>
  61 <!-- these break due to "emergency" overflow wrapping -->
  62 <p class="break">
  63 T-<br>shirt
  64 </p>
  65 <p class="break">
  66 billy-<br>o
  67 </p>
  68 <!-- but here the emergency wrap is not forced -->
  69 <p class="nobreak">
  70 Supersized<br>T-shirt
  71 </p>
  72 <p class="nobreak">
  73 Going like<br>billy-o
  74 </p>
  75 </body>
  76 </html>