hyphens-vertical-004.html (931B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text test: soft hyphens in vertical writing mode</title> 4 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#hyphenation"> 6 <link rel="help" href="https://drafts.csswg.org/css-text-4/#hyphenate-character"> 7 <link rel="match" href="reference/hyphens-vertical-004-ref.html"> 8 <meta name="assert" content="Check rendering of soft-hyphen character in vertical writing mode"> 9 10 <style> 11 div { 12 font: 16px monospace; 13 writing-mode: vertical-rl; 14 text-orientation: upright; 15 border: 1px solid gray; 16 margin: 10px; 17 padding: 2px; 18 hyphens: manual; 19 width: 3em; 20 height: 9ch; 21 hyphenate-character: "+="; 22 } 23 </style> 24 25 <p>Test passes if the two boxes look the same:</p> 26 27 <div> 28 hyphen­ation 29 </div> 30 31 <div> 32 hyphen+=<br>ation 33 </div>