ruby-position-vertical-lr-ref.html (1187B)
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 html { 10 writing-mode: vertical-lr; 11 } 12 body { 13 font: 50px Ahem; 14 } 15 .annotation, .annotation > div { 16 position: absolute; 17 } 18 </style> 19 </head> 20 <body> 21 <div style="width: 8em; line-height: 8em;"> 22 <div style="display: inline-block;"> 23 <div class="annotation"> 24 <div style="right: 100%;"><span>left##</span></div> 25 <div style="right: -100%;"><span>right#</span></div> 26 <div style="right: 200%;"><span>left2#</span></div> 27 <div style="right: -200%;"><span>right2</span></div> 28 <!-- to give container the proper block-axis size --> 29 <span> </span> 30 </div> 31 <span>base##</span> 32 </div> 33 </div> 34 <script type="text/javascript"> 35 document.fonts.ready.then(() => { 36 makeBSizeOfParentMatch(document.getElementsByTagName('span')); 37 document.documentElement.classList.remove("reftest-wait"); 38 }) 39 </script> 40 </body> 41 </html>