<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function test()
{
    if (window.testRunner)
        testRunner.dumpAsText();
    document.getElementById("result").firstChild.data = 'SUCCESS!';

    var ruby = document.getElementById('R');
    var rt = document.getElementById('RT');
    ruby.removeChild(rt);    
}
</script>
</head>
<!-- Removing a <rt> element, causing a merge of block flow and inline flow -->
<!-- As this is a malformed example we don't care about the exact rendering output, only that it doesn't crash -->
<body onload="test()">
<div id="result">FAILED!</p>
<br>
<br>
<ruby id="R">text <div>block</div> <rt id="RT">ruby text 1</rt><span>more</span> text<rt>ruby text 2</rt></ruby>
</body>
</html>