| <!DOCTYPE html> | |
| <html> | |
| <link href="resources/grid.css" rel="stylesheet"> | |
| <style> | |
| .grid, .inline-grid | |
| { | |
| font-family: Ahem; | |
| width: 20em; | |
| -webkit-column-count: 2; /* Chrome, Safari, Opera */ | |
| -moz-column-count: 2; /* Firefox */ | |
| column-count: 2; | |
| -webkit-column-gap: 100px; /* Chrome, Safari, Opera */ | |
| -moz-column-gap: 100px; /* Firefox */ | |
| column-gap: 100px; | |
| } | |
| </style> | |
| <body> | |
| <div class='grid'> | |
| AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD | |
| </div> | |
| <div class='inline-grid'> | |
| AAAAAAAAAA BBBBBBBBBB CCCCCCCCCC DDDDDDDDDD | |
| </div> | |
| </body> | |
| </html> |