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