hyphens-vertical-003.html (896B)
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-003-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 border: 1px solid gray; 15 margin: 10px; 16 padding: 2px; 17 hyphens: manual; 18 width: 3em; 19 height: 9ch; 20 hyphenate-character: "+="; 21 } 22 </style> 23 24 <p>Test passes if the two boxes look the same:</p> 25 26 <div> 27 hyphen­ation 28 </div> 29 30 <div> 31 hyphen+=<br>ation 32 </div>