third_party/WebKit/LayoutTests/fast/multicol/dynamic/remove-spanner-in-content.html

   1 <!DOCTYPE html>
   2 <script>
   3     onload = function() {
   4         var elm = document.getElementById('elm');
   5         elm.offsetTop; // trigger layout
   6         elm.style.display = 'none';
   7     }
   8 </script>
   9 <p>Test removal of a spanner surrounded by inline content.</p>
  10 <p>There should be three columns with a total line count of 8. The three first lines should
  11     read "before". The fourth should read "before after". The last four should read "after":</p>
  12 <div style="-webkit-columns:3; -webkit-column-gap:0; width:30em;">
  13     before<br>before<br>before<br>before
  14     <div id="elm" style="-webkit-column-span:all;"></div>
  15     after<br>after<br>after<br>after<br>after<br>
  16 </div>