ruby/demo/complex-shinoduka-1.html

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