hyphenation-control-7-ref.html (1404B)
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 } 11 </style> 12 <body> 13 <h3>The columns should appear identical; "relative" should never be hyphenated</h3> 14 <div style="columns:2"> 15 <p style="width: 16ch">the flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative</p> 16 <p style="width: 20ch">the flow-relative<br>flow-relative flow-<br>relative flow-<br>relative flow-<br>relative</p> 17 <p style="width: 24ch">the flow-relative flow-<br>relative flow-relative<br>flow-relative flow-<br>relative</p> 18 <p style="width: 41ch">the flow-relative flow-relative flow-<br>relative flow-relative flow-relative</p> 19 <p style="width: 50ch">the flow-relative flow-relative flow-relative<br>flow-relative flow-relative</p> 20 21 <p style="width: 16ch">the flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative</p> 22 <p style="width: 20ch">the flow-relative<br>flow-relative flow-<br>relative flow-<br>relative flow-<br>relative</p> 23 <p style="width: 24ch">the flow-relative flow-<br>relative flow-relative<br>flow-relative flow-<br>relative</p> 24 <p style="width: 41ch">the flow-relative flow-relative flow-<br>relative flow-relative flow-relative</p> 25 <p style="width: 50ch">the flow-relative flow-relative flow-relative<br>flow-relative flow-relative</p>