OLD | NEW |
(Empty) | |
| 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 betwee
n 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;"></di
v> |
| 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> |
OLD | NEW |