ruby-position-vertical-rl.html (768B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1055665 - Test for ruby-position</title> 6 <link rel="stylesheet" href="common.css"> 7 <style> 8 html { 9 writing-mode: vertical-rl; 10 } 11 body { 12 font: 50px Ahem; 13 /* use a large line-height here to avoid additional leadings */ 14 line-height: 8em; 15 } 16 rtc, rt { 17 font-size: 100% !important; 18 line-height: normal !important; 19 } 20 </style> 21 </head> 22 <body> 23 <ruby> 24 <rb>base##</rb> 25 <rtc style="ruby-position: under"><rt>left##</rt></rtc> 26 <rtc style="ruby-position: over"><rt>right#</rt></rtc> 27 <rtc style="ruby-position: under"><rt>left2#</rt></rtc> 28 <rtc style="ruby-position: over"><rt>right2</rt></rtc> 29 </ruby> 30 </body> 31 </html>