| <head> |
| <style type="text/css"> |
| .bg { background-color: #FFD; border: 1px solid black; padding: 0.5em; margin: 0.2em; } |
| |
| /* classes */ |
| .ruby { display: inline-table; text-align: center; vertical-align: bottom; } |
| .rb { display: table-row-group; } |
| .rt { display: table-header-group; font-size: 60%; } |
| .rp { display: none; } |
| |
| /* elements */ |
| ruby { display: inline-table; text-align: center; vertical-align: bottom; } |
| rb { display: table-row-group; } |
| rt { display: table-header-group; font-size: 60%; } |
| rp { display: none; } |
| </style> |
| </head> |
| <body> |
| Test that <ruby> rendered as inline-table (or somesuch) is not affected by ruby rendering. |
| Both <div> below should look the same. |
| <br> |
| <br> |
| <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> |
| <br> |
| <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> |
| </body> |
