Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / dynamic / spanner-ancestor-becomes-spanner.html
blobd838861cf47ffc3a90a388be8fe2c92be2792cbc
1 <!DOCTYPE html>
2 <style>
3 .box { width:66px; height:66px; margin:auto; background:blue; }
4 </style>
5 <p>Change an ancestor of a descendant spanner to becoming a spanner, so that the descendant will cease to be a spanner.</p>
6 <p>There should be three identical blue <em>squares</em> below. The space between them should be equal to the size of the squares.</p>
7 <div style="-webkit-columns:3; -webkit-column-gap:0; width:132px;">
8 <div class="box" style="-webkit-column-span:all; margin-bottom:66px;"></div>
9 <div id="ancestor" class="box" style="margin:66px auto;">
10 <div style="-webkit-column-span:all; height:22px; background:blue;"></div>
11 </div>
12 <div class="box" style="-webkit-column-span:all; margin-top:66px;"></div>
13 </div>
14 <script>
15 document.body.offsetTop;
16 document.getElementById("ancestor").style.webkitColumnSpan = "all";
17 </script>