<!DOCTYPE html>
<script>
    if (window.testRunner)
        testRunner.dumpAsText();
</script>
<p>Test that having an inline and table-column after a spanner behaves.</p>
<p>You should see the word "PASS" below.</p>
<div style="-webkit-column-count:2;">
    <div>
        <div id="spanner" style="-webkit-column-span:all;"></div>
        <span id="inline" style="display:none;">
            <emph>
                <footer id="block" style="display:none;">PASS</footer>
            </emph>
        </span>
        <div id="table-column" style="display:table-column;"></div>
    </div>
</div>

<script>
    document.body.offsetTop;
    document.getElementById("inline").style.display = "inline";

    document.body.offsetTop;
    document.getElementById("table-column").style.display = "none";

    document.body.offsetTop;
    document.getElementById("table-column").style.display = "table-column";

    document.body.offsetTop;
    document.getElementById('block').style.display = 'block';
</script>