hyphenation-control-7.html (1412B)
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>