| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" |  | 
|   2     "http://www.w3.org/TR/html4/strict.dtd"> |  | 
|   3 <html lang="en"> |  | 
|   4   <head> |  | 
|   5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |  | 
|   6     <title>CSS3 Multi-column Layout: Single line test</title> |  | 
|   7     <style type="text/css"> |  | 
|   8       .multicol { |  | 
|   9         -webkit-columns: 4; |  | 
|  10         -webkit-column-rule: #bbb 1px solid; |  | 
|  11         background-color: #eee; |  | 
|  12       } |  | 
|  13       p, div { |  | 
|  14         margin-top: 1em; |  | 
|  15         margin-bottom: 1em; |  | 
|  16       } |  | 
|  17       .large { |  | 
|  18         font-size: 30px; |  | 
|  19       } |  | 
|  20     </style> |  | 
|  21   </head> |  | 
|  22   <body> |  | 
|  23     <p> |  | 
|  24       This test checks if CSS3 multi-column layout properly works |  | 
|  25       when the multi-column block contains only one line of text. |  | 
|  26     </p> |  | 
|  27     <p> |  | 
|  28       Test successful if the following text is readable |  | 
|  29       (i.e. not split into two different columns). |  | 
|  30     </p> |  | 
|  31     <p class="multicol"> |  | 
|  32       Short text. |  | 
|  33     </p> |  | 
|  34     <p class="multicol"> |  | 
|  35       <span class="large">Bigger text.</span> |  | 
|  36     </p> |  | 
|  37     <p class="multicol"> |  | 
|  38       Partially <span class="large">big</span> text. |  | 
|  39     </p> |  | 
|  40     <div class="multicol"> |  | 
|  41       <p>Nested block.</p> |  | 
|  42     </div> |  | 
|  43     <div> |  | 
|  44       <p class="multicol">Nested block #2.</p> |  | 
|  45     </div> |  | 
|  46   </body> |  | 
|  47 </html> |  | 
| OLD | NEW |