| <head> |
| <script> |
| function test() |
| { |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| var testp = document.getElementById("p"); |
| var testr = document.getElementById("r"); |
| var testt = document.getElementById("t"); |
| var indentp = window.getComputedStyle(testp, null).getPropertyValue("text-indent"); |
| var indentr = window.getComputedStyle(testr, null).getPropertyValue("text-indent"); |
| var indentt = window.getComputedStyle(testt, null).getPropertyValue("text-indent"); |
| var resultp = document.getElementById("resultp"); |
| var resultr = document.getElementById("resultr"); |
| var resultt = document.getElementById("resultt"); |
| resultp.innerHTML = indentp; |
| resultr.innerHTML = indentr; |
| resultt.innerHTML = indentt; |
| } |
| </script> |
| </head> |
| <body onload="test()"> |
| <p>This tests that ruby base and text are not affected by CSS text-indent.</p> |
| <p style="text-indent: 50px" id="p">This is <ruby id="r">indented by 50 pixel<rt id="t">"text-indent: 50px;"</rt></ruby>, but the ruby should flow without extra space.</p> |
| <p>text-indent for <p>: <span id="resultp">FAILED!</span></p> |
| <p>text-indent for <ruby>: <span id="resultr">FAILED!</span></p> |
| <p>text-indent for <rt>: <span id="resultt">FAILED!</span></p> |
| </body> |
