remove-inline-with-block-beside-spanners.html (806B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://www.w3.org/TR/css-multicol-1/#column-span"> 4 <meta name="assert" content="Margins of two adjacent spanners will collapse with each other"> 5 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 6 <style> 7 #spanner1 { 8 column-span: all; 9 margin-bottom: 100px; 10 } 11 #spanner2 { 12 column-span: all; 13 margin-top: 100px; 14 } 15 </style> 16 <p>Test passes if there is a filled green square.</p> 17 <div style="columns:3; width:100px; background:green;"> 18 <div id="spanner1"></div> 19 <span id="inlineWithBlock"><div></div></span><div id="spanner2"></div> 20 </div> 21 <script> 22 document.body.offsetTop; 23 inlineWithBlock.style.display = "none"; 24 </script>