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

   1 <!DOCTYPE html>
   2 <html lang="en">
   3  <head>
   4   <meta "charset=utf-8">
   5   <style>
   6   p {
   7     background: yellow;
   8     margin: 0 0 1em 0;
   9     font-family: monospace;
  10     hyphens: auto;
  11   }
  12   </style>
  13 <body>
  14 <h3>The columns should appear identical; "relative" should never be hyphenated</h3>
  15 <div style="columns:2">
  16 <p style="width: 16ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
  17 <p style="width: 20ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
  18 <p style="width: 24ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
  19 <p style="width: 41ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
  20 <p style="width: 50ch">the   flow-relative        flow-relative    flow-relative     flow-relative    flow-relative</p>
  21
  22 <p style="width: 16ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
  23 <p style="width: 20ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
  24 <p style="width: 24ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
  25 <p style="width: 41ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>
  26 <p style="width: 50ch">the flow-relative flow-relative flow-relative flow-relative flow-relative</p>