Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<head>
<style type="text/css">
.pad { padding: 3ch; }
.fl:first-letter { }
td { border: 1px solid green }
</style>
<style id="s" type="text/css"></style>
<script type="text/javascript">
function boom()
{
document.getElementById("td").nextSibling.splitText(6);
document.getElementById("td").style.padding = "2px";
setTimeout(boom2, 10);
}
function boom2()
{
document.body.style.counterReset = "chicken";
setTimeout(boom3, 10);
}
function boom3()
{
document.getElementById("s").textContent = "#xxx { }";
setTimeout(boom4, 10);
}
function boom4()
{
document.getElementById("td").style.padding = "";
setTimeout(boom5, 10);
}
function boom5()
{
document.documentElement.removeAttribute("class");
}
</script>
</head>
<body style="font-family: monospace; width: 14ch; border: 1px solid orange;" dir="rtl" onload="boom();">
<div class="pad fl"><span><td class="pad fl" id="td"><span>abcd</span></td>ghi jk 2</span></div>
</body>
</html>