LayoutTests/fast/ruby/ruby-inline-table.html - WebKit - Git at Google

 <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 &lt;ruby&gt; rendered as inline-table (or somesuch) is not affected by ruby rendering.
 Both &lt;div&gt; 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>
	<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>