block-in-inline-become-float.html (521B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="http://crbug.com/329674902"> 4 <div style="width:10px; line-height:20px; columns:3; gap:0; height:40px; column-fill:auto; orphans:1; widows:1;"> 5 <br> 6 <span> 7 <div id="trouble" style="contain:size; width:100%; height:100px;"></div> 8 xxxxxxxxxxxxxxxxxxxxxxxx 9 xxxxxxxxxxxxxxxxxxxxxxxx 10 </span> 11 <script> 12 document.body.offsetTop; 13 trouble.style.cssFloat = "left"; 14 </script> 15 </div>