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	<!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>