third_party/WebKit/LayoutTests/fast/ruby/ruby-text-indent.html

   1 <head>
   2 <script>
   3 function test()
   4 {
   5     if (window.testRunner)
   6         testRunner.dumpAsText();
   7     var testp = document.getElementById("p");
   8     var testr = document.getElementById("r");
   9     var testt = document.getElementById("t");
  10     var indentp = window.getComputedStyle(testp, null).getPropertyValue("text-indent");
  11     var indentr = window.getComputedStyle(testr, null).getPropertyValue("text-indent");
  12     var indentt = window.getComputedStyle(testt, null).getPropertyValue("text-indent");
  13     var resultp = document.getElementById("resultp");
  14     var resultr = document.getElementById("resultr");
  15     var resultt = document.getElementById("resultt");
  16     resultp.innerHTML = indentp;
  17     resultr.innerHTML = indentr;
  18     resultt.innerHTML = indentt;
  19 }
  20 </script>
  21 </head>
  22 <body onload="test()">
  23 <p>This tests that ruby base and text are not affected by CSS text-indent.</p>
  24 <p style="text-indent: 50px" id="p">This is <ruby id="r">indented by 50 pixel<rt id="t">&quot;text-indent: 50px;&quot;</rt></ruby>, but the ruby should flow without extra space.</p>
  25 <p>text-indent for &lt;p&gt;: <span id="resultp">FAILED!</span></p>
  26 <p>text-indent for &lt;ruby&gt;: <span id="resultr">FAILED!</span></p>
  27 <p>text-indent for &lt;rt&gt;: <span id="resultt">FAILED!</span></p>
  28 </body>