ruby-position-horizontal-ref.html (1130B)
1 <!DOCTYPE html> 2 <html lang="en" class="reftest-wait"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bug 1055665 - Test for ruby-position</title> 6 <link rel="stylesheet" href="common.css"> 7 <script type="text/javascript" src="utils.js"></script> 8 <style> 9 body { 10 font: 50px Ahem; 11 } 12 .annotation, .annotation > div { 13 position: absolute; 14 } 15 </style> 16 </head> 17 <body> 18 <div style="height: 8em; line-height: 8em;"> 19 <div style="display: inline-block;"> 20 <div class="annotation"> 21 <div style="top: -100%;"><span>over##</span></div> 22 <div style="top: 100%;"><span>under#</span></div> 23 <div style="top: -200%;"><span>over2#</span></div> 24 <div style="top: 200%;"><span>under2</span></div> 25 <!-- to give container the proper block-axis size --> 26 <span> </span> 27 </div> 28 <span>base##</span> 29 </div> 30 </div> 31 <script type="text/javascript"> 32 document.fonts.ready.then(() => { 33 makeBSizeOfParentMatch(document.getElementsByTagName('span')); 34 document.documentElement.classList.remove("reftest-wait"); 35 }) 36 </script> 37 </body> 38 </html>