Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / margin-bottom-and-break-after.html
blob1f8a2c9e2859f3521df3d26d35b355bf302fdc39
1 <!DOCTYPE html>
2 <p>A block that follows a block with -webkit-column-break-after:always; should be positioned at the
3 *top* of the *next* column. Margins may need to be ignored to achieve this.</p>
4 <div id="mc" style="-webkit-column-count:2; column-fill:auto; width:100px; height:200px;">
5 <div style="height:150px; margin-bottom:150px; -webkit-column-break-after:always;"></div>
6 <div id="child" style="height:100px;"></div>
7 </div>
8 <div id="console"></div>
9 <script src="../../resources/js-test.js"></script>
10 <script>
11 var mc = document.getElementById('mc');
12 var child = document.getElementById('child');
13 shouldBe("child.offsetLeft + child.offsetWidth", "mc.offsetLeft + mc.offsetWidth");
14 shouldBe("child.offsetTop", "mc.offsetTop");
15 </script>