layout/reftests/css-ruby/ruby-position-vertical-rl.html

   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-rl;
  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>