relative-positioning-2.html (753B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1055658 - Relative positioning for ruby</title> 6 <link rel="stylesheet" href="common.css"> 7 <style> 8 body { 9 font: 25px Ahem; 10 line-height: 80px; 11 } 12 rtc, rt { 13 font-size: 100% !important; 14 line-height: 1 !important; 15 } 16 </style> 17 </head> 18 <body> 19 before 20 <ruby style="position: relative; top: 20px;"> 21 <rb>base1</rb> 22 <rtc>text1</rtc> 23 <rb style="position: relative; left: 10px;">base2</rb> 24 <rtc style="position: relative; top: -20px;">text2</rtc> 25 <rbc style="position: relative; bottom: -20px;"><rb>base3</rb></rbc> 26 <rtc><rt style="position: relative; right: 10px;">text3</rt></rtc> 27 </ruby> 28 after 29 </body> 30 </html>