| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <html> | 2 <html> | 
| 3   <head> | 3   <head> | 
| 4     <title>Column clipping</title> | 4     <title>Column clipping</title> | 
| 5     <script> |  | 
| 6       if (window.internals) |  | 
| 7         internals.settings.setRegionBasedColumnsEnabled(true); |  | 
| 8     </script> |  | 
| 9     <style> | 5     <style> | 
| 10       body { | 6       body { | 
| 11         width: 450px; | 7         width: 450px; | 
| 12         color: black; | 8         color: black; | 
| 13         background: white; | 9         background: white; | 
| 14       } | 10       } | 
| 15       .mc { | 11       .mc { | 
| 16         columns: 3; | 12         columns: 3; | 
| 17         column-gap: 15px; | 13         column-gap: 15px; | 
| 18         column-fill: auto; | 14         column-fill: auto; | 
| 19         -webkit-columns: 3; | 15         -webkit-columns: 3; | 
| 20         -webkit-column-gap: 15px; | 16         -webkit-column-gap: 15px; | 
| 21         height: 100px; | 17         height: 100px; | 
| 22         box-sizing:border-box; | 18         box-sizing:border-box; | 
| 23         border:10px solid green; | 19         border:10px solid green; | 
| 24         background:white; | 20         background:white; | 
| 25       } | 21       } | 
| 26     </style> | 22     </style> | 
| 27   </head> | 23   </head> | 
| 28   <body> | 24   <body> | 
| 29     <p>There should be a rectangle with a solid 10px thick green border below, a
    nd no red.</p> | 25     <p>There should be a rectangle with a solid 10px thick green border below, a
    nd no red.</p> | 
| 30     <div class="mc"></div> | 26     <div class="mc"></div> | 
| 31   </body> | 27   </body> | 
| 32 </html> | 28 </html> | 
| OLD | NEW | 
|---|