third_party/WebKit/LayoutTests/fast/ruby/ruby-inline-table.html

   1 <head>
   2   <style type="text/css">
   3     .bg { background-color: #FFD; border: 1px solid black; padding: 0.5em; margin: 0.2em; }
   4
   5     /* classes */
   6     .ruby { display: inline-table; text-align: center; vertical-align: bottom; }
   7     .rb { display: table-row-group; }
   8     .rt { display: table-header-group; font-size: 60%; }
   9     .rp { display: none; }
  10
  11     /* elements */
  12     ruby { display: inline-table; text-align: center; vertical-align: bottom; }
  13     rb { display: table-row-group; }
  14     rt { display: table-header-group; font-size: 60%; }
  15     rp { display: none; }
  16   </style>
  17 </head>
  18 <body>
  19 Test that &lt;ruby&gt; rendered as inline-table (or somesuch) is not affected by ruby rendering.
  20 Both &lt;div&gt; below should look the same.
  21 <br>
  22 <br>
  23 <div class="bg">This is some XHTML1.1 text with <span class="ruby"><span class="rb">Ruby</span><span class="rp">(</span><span class="rt">guide text</span><span class="rp">)</span></span> markup.</div>
  24 <br>
  25 <div class="bg">This is some XHTML1.1 text with <ruby><rb>Ruby</rb><rp>(</rp><rt>guide text</rt><rp>)</rp></ruby> markup.</div>
  26 </body>