<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 inline flow and block 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">some text<rt id="RT">ruby text 1</rt><span>more text</span> <div>and a block</div><rt>ruby text 2</rt></ruby>
</body>
</html>