<!DOCTYPE html> <html class="reftest-wait"> <meta charset="utf-8"> <title>CSS Multi-column Layout Test: Remove the spanner in nested blocks</title> <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> <link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-span"> <link rel="match" href="multicol-span-all-dynamic-remove-002-ref.html"> <meta name="assert" content="This test checks removing a 'column-span' element should be rendered correctly."> <script> function runTest() { document.body.offsetHeight; document.getElementById("spanner").remove(); document.documentElement.removeAttribute("class"); } </script> <style> #column { column-count: 3; column-rule: 6px solid; width: 400px; outline: 1px solid black; } h3 { column-span: all; outline: 1px solid blue; } </style> <body onload="runTest();"> <article id="column"> <div>block1</div> <div><div><h3 id="spanner">spanner</h3></div></div> <div>block2</div> </article> </body> </html>