<!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>