layout/reftests/css-ruby/ruby-position-horizontal.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     body {
   9       font-family: monospace;
  10       /* use a large line-height here to avoid additional leadings */
  11       line-height: 8em;
  12     }
  13     rtc, rt {
  14       font-size: 100% !important;
  15       line-height: normal !important;
  16     }
  17   </style>
  18 </head>
  19 <body>
  20   <ruby>
  21     <rb>base##</rb>
  22     <rtc style="ruby-position: over"><rt>over##</rt></rtc>
  23     <rtc style="ruby-position: under"><rt>under#</rt></rtc>
  24     <rtc style="ruby-position: over"><rt>over2#</rt></rtc>
  25     <rtc style="ruby-position: under"><rt>under2</rt></rtc>
  26   </ruby>
  27 </body>
  28 </html>