<!DOCTYPE html>
<style>
    body { font-family: sans-serif };
</style>
<script>
    onload = function() {
        var elm = document.getElementById('elm');
        elm.offsetTop; // trigger layout
        elm.style.display = 'none';
    }
</script>
<p>Test removal of a spanner surrounded by inline content.</p>
<p>There should be three columns with a total line count of 8. The three first lines should
    read "before". The fourth should read "before after". The last four should read "after":</p>
<div style="-webkit-columns:3; -webkit-column-gap:0; width:30em;">
    before<br>before<br>before<br>before
    <div id="elm" style="-webkit-column-span:all;"></div>
    after<br>after<br>after<br>after<br>after<br>
</div>