24 lines
1.1 KiB
HTML
24 lines
1.1 KiB
HTML
<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>
|