Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
<div style="columns:3;">
<span id="inlineWithBlock"><div></div></span><div id="spanner1" style="column-span:all;"></div>
<div id="spanner2" style="display:none; column-span:all;"></div>
<div id="block1" style="display:none;"></div>
<div id="spanner3" style="display:none; column-span:all;"></div>
<div id="block2" style="display:none;"></div>
</div>
<script>
document.body.offsetTop;
inlineWithBlock.style.display = "none";
document.body.offsetTop;
spanner1.style.display = "none";
document.body.offsetTop;
spanner2.style.display = "block";
document.body.offsetTop;
block1.style.display = "block";
block2.style.display = "block";
document.body.offsetTop;
spanner3.style.display = "block";
</script>