| <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> |