third_party/WebKit/LayoutTests/fast/text/container-align-with-inlines.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <style>
   5             p {background:black; }
   6             div.reference {position: absolute; display: inline; background: blue; color: blue;}
   7             body {margin: 0px;}
   8         </style>
   9     </head>
  10     <body>
  11     The blue box should be right-aligned. You will need to scroll right to see it.<br>
  12     https://bugs.webkit.org/show_bug.cgi?id=105695
  13     <div id='container' style="text-align: right">
  14         <p>XXX</p><div id="test" class="reference">XXX</div>
  15     </div>
  16     <div id="output">Failure</div>
  17     <script>
  18         if (window.testRunner) {
  19           testRunner.dumpAsText();
  20         }
  21         var testEl = document.getElementById('test');
  22         if (testEl.offsetLeft == document.getElementById('container').offsetWidth)
  23             output.innerHTML = 'Success';
  24     </script>
  25     </body>
  26 </html>