40 lines
1019 B
HTML
40 lines
1019 B
HTML
<style>
|
|
html { -webkit-writing-mode: vertical-rl; -webkit-text-orientation: mixed;}
|
|
div { font-size: 20px; font-family: ahem; border: solid black; color: indigo; height: 10em; margin: 0 8px; -webkit-font-smoothing: none; }
|
|
ruby { color: blue; }
|
|
ruby rt { color: silver; }
|
|
</style>
|
|
<div>
|
|
abc<ruby>xx<rt>y y</rt></ruby>def
|
|
</div>
|
|
<div>
|
|
abc<ruby>xx<rt>yy yy</rt></ruby>def
|
|
</div>
|
|
<div>
|
|
abc<ruby>xx<rt>yyyyyy</rt></ruby>def
|
|
</div>
|
|
<div>
|
|
abc<ruby>x x<rt>yyy yyy</rt></ruby>def
|
|
</div>
|
|
<div>
|
|
<ruby>xx<rt>yy yy</rt></ruby>def g hi
|
|
</div>
|
|
<div>
|
|
a<ruby>xx<rt>yy yy</rt></ruby>def g h
|
|
</div>
|
|
<div>
|
|
a b bc b<ruby>xx<rt>yy yy</rt></ruby>
|
|
</div>
|
|
<div>
|
|
a b b b<ruby>xx<rt>yy yy</rt></ruby><span style="font-size: 50%">de
|
|
</div>
|
|
<div>
|
|
a b b <ruby>xx<rt>yy yy</rt></ruby><span style="font-size: 150%">d
|
|
</div>
|
|
<div>
|
|
<span style="font-size: 50%">cb</span><ruby>xx<rt>yy yy</rt></ruby>ij
|
|
</div>
|
|
<div>
|
|
<span style="font-size: 150%">c</span><ruby>xx<rt>yy yy</rt></ruby>ij
|
|
</div>
|