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