<html>
<body>
<p>
Click to change the ruby alignment to right.
</p>
<div style="background-color:#EEEEEE;
width:200;
cursor:hand"
onclick="myRuby.style.rubyAlign='right'">
<ruby id="myRuby" style="ruby-align:left">
<span style="font-size:16pt">
base text
</span>
<rt>
<span style="font-family:Times New Roman; font-size: 14pt; color:red">
ruby text
</span>
</ruby>
</div>
</body>
</HTML>
|