| <!DOCTYPE html> |
| <script src="../../resources/check-layout.js"></script> |
| <p>Test that incorrect margin collapsing estimates (which will trigger another layout pass) |
| doesn't upset column balancing.</p> |
| <p>There should be a hotpink square below.</p> |
| <div id="container" style="position:relative; -webkit-columns:3; -webkit-column-gap:0; width:90px; line-height:60px;"> |
| <div style="background:hotpink;" data-offset-x="0" data-offset-y="0"><br></div> |
| <br> |
| <div style="background:hotpink;" data-offset-x="30" data-offset-y="0"><br></div> |
| <div id="outer"> |
| <div></div> |
| <div id="inner" style="margin-top:60px;"> |
| <div style="-webkit-column-break-before:always;"></div> |
| </div> |
| </div> |
| <br> |
| <br> |
| </div> |
| <script> |
| checkLayout("#container"); |
| </script> |