ruby-position-vertical-lr.html 775 B

1234567891011121314151617181920212223242526272829303132
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Bug 1055665 - Test for ruby-position</title>
  6. <link rel="stylesheet" href="common.css">
  7. <style>
  8. html {
  9. writing-mode: vertical-lr;
  10. }
  11. body {
  12. font-family: monospace;
  13. /* use a large line-height here to avoid additional leadings */
  14. line-height: 8em;
  15. }
  16. rtc, rt {
  17. font-size: 100% !important;
  18. line-height: normal !important;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <ruby>
  24. <rb>base##</rb>
  25. <rtc style="ruby-position: under"><rt>left##</rt></rtc>
  26. <rtc style="ruby-position: over"><rt>right#</rt></rtc>
  27. <rtc style="ruby-position: under"><rt>left2#</rt></rtc>
  28. <rtc style="ruby-position: over"><rt>right2</rt></rtc>
  29. </ruby>
  30. </body>
  31. </html>