The div container element below is comprised of nothing more than a single block element and text. The browser reflows the text to create the columns based on the CSS statement!
Vestibulum eu ipsum enim, convallis bibendum massa. Vestibulum tristique sollicitudin fermentum. Fusce commodo sem eget dolor venenatis quis lacinia orci gravida. Integer augue purus, pulvinar quis molestie at, hendrerit sit amet purus. Nulla elit libero, tristique ac mattis commodo.
Vestibulum eu ipsum enim, convallis bibendum massa. Vestibulum tristique sollicitudin fermentum. Fusce commodo sem eget dolor venenatis quis lacinia orci gravida. Integer augue purus, pulvinar quis molestie at, hendrerit sit amet purus. Nulla elit libero, tristique ac mattis commodo.
Vestibulum eu ipsum enim, convallis bibendum massa. Vestibulum tristique sollicitudin fermentum. Fusce commodo sem eget dolor venenatis quis lacinia orci gravida. Integer augue purus, pulvinar quis molestie at, hendrerit sit amet purus. Nulla elit libero, tristique ac mattis commodo.
Vestibulum eu ipsum enim, convallis bibendum massa. Vestibulum tristique sollicitudin fermentum. Fusce commodo sem eget dolor venenatis quis lacinia orci gravida. Integer augue purus, pulvinar quis molestie at, hendrerit sit amet purus. Nulla elit libero, tristique ac mattis commodo.
#container {
-moz-column-count: 3;
-moz-column-gap: 15px;
-webkit-column-count: 3;
-webkit-column-gap: 15px;
column-count: 3;
column-gap: 15px;
}