layout/reftests/text/hyphenation-control-1.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 code {
   6   display: block;
   7   hyphens: auto;
   8   border: 1px solid black;
   9   /* Prefer Courier New if available, as otherwise Menlo may be used,
  10      and its HYPHEN and HYPHEN-MINUS glyphs don't match. */
  11   font-family: Courier New, Courier, monospace;
  12 }
  13 </style>
  14 </head>
  15 <body lang="en-us">
  16 <!--
  17   Hyphenation opportunities of the texts in this test are as follows,
  18
  19         frag[A]ilis[A]tic[C]ex[A]pi[A]ali
  20
  21   where [A] is an automatic hyphen, and [C] is a conditional hyphen.
  22
  23   In this test, we set width to somewhere between every pair of adjacent hyphenations,
  24   then we see if lines break correctly.
  25 -->
  26 <code style="width:4ch;">
  27 fragilistic&shy;expiali
  28 </code>
  29 <br />
  30 <code style="width:5ch;">
  31 fragilistic&shy;expiali
  32 </code>
  33 <br />
  34 <code style="width:9ch;">
  35 fragilistic&shy;expiali
  36 </code>
  37 <br />
  38 <code style="width:12ch;">
  39 fragilistic&shy;expiali
  40 </code>
  41 <br />
  42 <code style="width:14ch;">
  43 fragilistic&shy;expiali
  44 </code>
  45 <br />
  46 <code style="width:16ch;">
  47 fragilistic&shy;expiali
  48 </code>
  49 </body>
  50 </html>