relative-positioning-2-ref.html (1214B)
1 <!DOCTYPE html> 2 <html lang="en" class="reftest-wait"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1055658 - Relative positioning for ruby</title> 6 <script type="text/javascript" src="utils.js"></script> 7 <link rel="stylesheet" href="common.css"> 8 </head> 9 <body style="font: 25px Ahem"> 10 <div style="height: 80px; line-height: 80px;"> 11 before 12 <div style="position: relative; top: 20px; display: inline-block"> 13 <span id="inline" style="position: relative"> 14 <div id="annotation" style="position: absolute; top: -100%;"> 15 text1 16 <span style="position: relative; top: -20px;">text2</span> 17 <span style="position: relative; right: 10px;">text3</span> 18 </div> 19 base1 20 <span style="position: relative; left: 10px;">base2</span> 21 <span style="position: relative; bottom: -20px;">base3</span> 22 </span> 23 </div> 24 after 25 </div> 26 <script type="text/javascript"> 27 document.fonts.ready.then(() => { 28 makeBSizeMatchInlineBox(document.getElementById('annotation'), 29 document.getElementById('inline')); 30 document.documentElement.classList.remove("reftest-wait"); 31 }); 32 </script> 33 </body> 34 </html>