| <style> |
| html { -webkit-writing-mode: vertical-rl; } |
| div { font-size: 20px; font-family: ahem; border: solid black; color: indigo; height: 25em; margin: 0 8px; -webkit-font-smoothing: none; } |
| ruby { color: blue; } |
| ruby rt { color: silver; } |
| </style> |
| <div> |
| <ruby>xx<rt>xxxxxxxx</rt></ruby><ruby>yy<rt>yyyyyyyy</rt></ruby><ruby>zz<rt>zzzzzzzz</rt></ruby> |
| </div> |
| <div> |
| <ruby>xx<rt>xxxxxxxx</rt></ruby> |
| <ruby>yy<rt>yyyyyyyy</rt></ruby> |
| <ruby>zz<rt>zzzzzzzz</rt></ruby> |
| </div> |
| <div> |
| <ruby>xx<rt>xxxxxxxx</rt></ruby> <ruby>yy<rt>yyyyyyyy</rt></ruby> <ruby>zz<rt>zzzzzzzz</rt></ruby> |
| </div> |
| <div> |
| <ruby>xx<rt>xxxxxxxx</rt></ruby>l<ruby>yy<rt>yyyyyyyy</rt></ruby>l<ruby>zz<rt>zzzzzzzz</rt></ruby> |
| </div> |
| <div> |
| <ruby>xx<rt>xxxxxxxx</rt></ruby>ll<ruby>yy<rt>yyyyyyyy</rt></ruby>ll<ruby>zz<rt>zzzzzzzz</rt></ruby> |
| </div> |
| <div> |
| <ruby>xx<rt>xxxxxxxx</rt></ruby>lll<ruby>yy<rt>yyyyyyyy</rt></ruby>lll<ruby>zz<rt>zzzzzzzz</rt></ruby> |
| </div> |
| <div> |
| <ruby>xx<rt>xxxxxxxx</rt></ruby>llll<ruby>yy<rt>yyyyyyyy</rt></ruby>llll<ruby>zz<rt>zzzzzzzz</rt></ruby> |
| </div> |