| <!DOCTYPE html> |
| <script src="../../../resources/check-layout.js"></script> |
| <script> |
| onload = function() { checkLayout('#container'); } |
| </script> |
| <p>Test that margins on a multicol container don't collapse with spanners' margins.</p> |
| <p>There should be a blue <em>square</em> below.</p> |
| <div id="container" style="overflow:hidden; width:100px; background:blue;" data-expected-height="100"> |
| <div style="-webkit-columns:3; margin:20px 0;"> |
| <div style="-webkit-column-span:all; margin:20px 0; height:20px;"></div> |
| </div> |
| </div> |