Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / margin-collapse.html
blob0d6e501c6e89152ad82b95a520910fb47adf92e3
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 .columns { -moz-column-count:2; -webkit-column-count:2; column-count:2; column-fill:auto; -webkit-column-gap:20px; border:2px solid black; height:300px; }
6 .block { height:200px; background-color:purple; }
7 </style>
8 </head>
9 <body>
10 The two purple rectangles below should both be at the top of their columns. If one is lower than the other, than the test has failed.
11 <div class="columns">
12 <div class="block" style="margin-bottom:200px"></div>
13 <div class="block"></div>
14 </div>