relative-positioning-1-ref.html (955B)
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 <style> 9 body { 10 font: 25px Ahem; 11 } 12 </style> 13 </head> 14 <body> 15 <div style="height: 80px; line-height: 80px; width: 100px; text-align: center"> 16 <span id="inline" style="position: relative"> 17 <div id="annotation" style="position: absolute; width: 100px; top: -100%"> 18 a<span style="position: relative; top: -10px;">b</span>c 19 </div> 20 base 21 </span> 22 </div> 23 <script type="text/javascript"> 24 document.fonts.ready.then(() => { 25 makeBSizeMatchInlineBox(document.getElementById('annotation'), 26 document.getElementById('inline')); 27 document.documentElement.classList.remove("reftest-wait"); 28 }) 29 </script> 30 </body> 31 </html>