blob: 2d7ec7445385ff3b0d76b46b44dcbba62aaeb50a [file] [log] [blame]
<style>
html { -webkit-writing-mode: vertical-rl; -webkit-text-orientation: sideways;}
div { font-size: 20px; font-family: ahem; border: solid black; color: indigo; height: 25em; margin: 0 8px; -webkit-font-smoothing: none; }
ruby { color: blue; }
ruby rt { color: silver; }
</style>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby>lllll<ruby>yy<rt>yyyyyyyy</rt></ruby>lllll<ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby><span style="font-size: 50%">ll</span><ruby>yy<rt>yyyyyyyy</rt></ruby><span style="font-size: 50%">ll</span><ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby><span style="font-size: 100%">ll</span><ruby>yy<rt>yyyyyyyy</rt></ruby><span style="font-size: 100%">ll</span><ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby><span style="font-size: 150%">ll</span><ruby>yy<rt>yyyyyyyy</rt></ruby><span style="font-size: 150%">ll</span><ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>