ruby/demo/complex-shinoduka-1.xhtml

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Complex ruby example</title>
<style>
.before_base {
  ruby-position: above;
  ruby-position: before;
}
.after_base {
  ruby-position: below;
  ruby-position: after;
}
</style>
</head>
<body>
<p><ruby>
<rbc>
<rb>$B<D(B</rb><rb>$BDM(B</rb><rb>$B$R$m$`(B</rb>
</rbc>
<rtc class="before_base">
<rt>$B$7$N(B</rt><rt>$B$E$+(B</rt><rt></rt>
</rtc>
<rtc class="after_base">
<rt rbspan="3">$B$G$U$)$A$'$C$/$JL!2h2H(B</rt>
</rtc>
</ruby></p>
<!-- Source: <http://plaza.harmonix.ne.jp/~midi/diary/ttu01.htm#011702> -->
</body>
</html>
1	wakaba	1.1	<html xmlns="http://www.w3.org/1999/xhtml">
2			<head>
3			<title>Complex ruby example</title>
4			<style>
5			.before_base {
6			ruby-position: above;
7			ruby-position: before;
8			}
9			.after_base {
10			ruby-position: below;
11			ruby-position: after;
12			}
13			</style>
14			</head>
15			<body>
16			<p><ruby>
17			<rbc>
18			<rb>$B<D(B</rb><rb>$BDM(B</rb><rb>$B$R$m$`(B</rb>
19			</rbc>
20			<rtc class="before_base">
21			<rt>$B$7$N(B</rt><rt>$B$E$+(B</rt><rt></rt>
22			</rtc>
23			<rtc class="after_base">
24			<rt rbspan="3">$B$G$U$)$A$'$C$/$JL!2h2H(B</rt>
25			</rtc>
26			</ruby></p>
27			<!-- Source: <http://plaza.harmonix.ne.jp/~midi/diary/ttu01.htm#011702> -->
28			</body>
29			</html>