| OLD | NEW | 
|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" | 
| 2     "http://www.w3.org/TR/html4/strict.dtd"> | 2     "http://www.w3.org/TR/html4/strict.dtd"> | 
| 3 <html lang="en"> | 3 <html lang="en"> | 
| 4   <head> | 4   <head> | 
| 5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 
| 6     <title>CSS3 Multi-column Layout: Single line test</title> | 6     <title>CSS3 Multi-column Layout: Single line test</title> | 
| 7     <script> |  | 
| 8       if (window.internals) |  | 
| 9         internals.settings.setRegionBasedColumnsEnabled(true); |  | 
| 10     </script> |  | 
| 11     <style type="text/css"> | 7     <style type="text/css"> | 
| 12       .multicol { | 8       .multicol { | 
| 13         -webkit-columns: 4; | 9         -webkit-columns: 4; | 
| 14         -webkit-column-rule: #bbb 1px solid; | 10         -webkit-column-rule: #bbb 1px solid; | 
| 15         background-color: #eee; | 11         background-color: #eee; | 
| 16       } | 12       } | 
| 17       p, div { | 13       p, div { | 
| 18         margin: 1em; /* Using horizontal margins here as a work-around for glyph
    s with negative | 14         margin: 1em; /* Using horizontal margins here as a work-around for glyph
    s with negative | 
| 19                         bearings. The old multicol implementation has buggy clip
    ping. */ | 15                         bearings. The old multicol implementation has buggy clip
    ping. */ | 
| 20       } | 16       } | 
| (...skipping 21 matching lines...) Expand all  Loading... | 
| 42       Partially <span class="large">big</span> text. | 38       Partially <span class="large">big</span> text. | 
| 43     </p> | 39     </p> | 
| 44     <div class="multicol"> | 40     <div class="multicol"> | 
| 45       <p>Nested block.</p> | 41       <p>Nested block.</p> | 
| 46     </div> | 42     </div> | 
| 47     <div> | 43     <div> | 
| 48       <p class="multicol">Nested block #2.</p> | 44       <p class="multicol">Nested block #2.</p> | 
| 49     </div> | 45     </div> | 
| 50   </body> | 46   </body> | 
| 51 </html> | 47 </html> | 
| OLD | NEW | 
|---|