relative-positioning-1-ref.html 713 B

1234567891011121314151617181920212223
  1. <!DOCTYPE html>
  2. <html lang="en">
  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. </head>
  8. <body>
  9. <div style="height: 80px; line-height: 80px; width: 50px; text-align: center">
  10. <span id="inline" style="position: relative">
  11. <div id="annotation" style="position: absolute; width: 50px; top: -100%">
  12. a<span style="position: relative; top: -10px;">b</span>c
  13. </div>
  14. base
  15. </span>
  16. </div>
  17. <script type="text/javascript">
  18. makeBSizeMatchInlineBox(document.getElementById('annotation'),
  19. document.getElementById('inline'));
  20. </script>
  21. </body>
  22. </html>