| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Text reference: soft hyphens in vertical writing mode</title> |
| <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> |
| |
| <style> |
| div { |
| font: 16px monospace; |
| writing-mode: vertical-rl; |
| text-orientation: upright; |
| border: 1px solid gray; |
| margin: 10px; |
| padding: 2px; |
| hyphens: manual; |
| width: 3em; |
| height: 9ch; |
| hyphenate-character: "+="; |
| } |
| </style> |
| |
| <p>Test passes if the two boxes look the same:</p> |
| |
| <div> |
| hyphen+=<br>ation |
| </div> |
| |
| <div> |
| hyphen+=<br>ation |
| </div> |
