hyphens-vertical-003-ref.html (583B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text reference: soft hyphens in vertical writing mode</title> 4 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> 5 6 <style> 7 div { 8 font: 16px monospace; 9 writing-mode: vertical-rl; 10 border: 1px solid gray; 11 margin: 10px; 12 padding: 2px; 13 hyphens: manual; 14 width: 3em; 15 height: 9ch; 16 hyphenate-character: "+="; 17 } 18 </style> 19 20 <p>Test passes if the two boxes look the same:</p> 21 22 <div> 23 hyphen+=<br>ation 24 </div> 25 26 <div> 27 hyphen+=<br>ation 28 </div>