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