third_party/WebKit/LayoutTests/fast/multicol/dynamic/insert-block-between-spanners.html

   1 <!DOCTYPE html>
   2 <script>
   3     onload = function() {
   4         var elm = document.getElementById('elm');
   5         document.body.offsetTop; // trigger layout
   6         elm.style.display = 'block';
   7     }
   8 </script>
   9 <style>
  10     .spanner { -webkit-column-span:all; column-span:all; }
  11 </style>
  12 <p>Test insertion of a spanner in the middle of column content, so that we need to split a column row in two.</p>
  13 <p>There should be three lines below with the word "PASS". Letter spacing is expected to vary.</p>
  14 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em;">
  15     <div class="spanner">PASS</div>
  16     <div id="elm" style="display:none;">P<br>A<br>S<br>S</div>
  17     <div class="spanner">PASS</div>
  18 </div>