Multicolumn (Count)

dabblet.css

/**
 * Multicolumn (Count)
 */

body {
	background: #fff;
	font:200 normal 14px/1.5 'Helvetica Neue', Arial, sans-serif;
}
h2 {
	font-size: 20px;
	line-height:1.3;
}
h3 {
	font-size: 16px;
}
#history {
	width: 660px;
/* Substitua column-count por column-width */
/*	column-width: 200px;*/
	column-count: 3;
	column-gap: 30px;
	column-rule: 1px solid #ccc;
}

dabblet.html

<div id="history">
	<h3>1990</h3>
	<h2>Nasce a World Wide Web</h2>
	<p>Em 1989, Tim Berners-Lee propôs uma linguagem de marcação baseada no conceito de hipertexto para tentar resolver os problemas de comunicação e disseminação das pesquisas do CERN, onde trabalhava.</p>
	<p>Em Dezembro de 1990, Berners-Lee, juntamente com Robert Cailliau, criou a linguagem HTML (HyperText Markup Language), o protocolo HTTP (HyperText Transfer Protocol), o primeiro servidor web, o primeiro Browser/Editor de páginas HTML, e muito mais. A tudo isso deram o nome de World Wide Web.</p>
	
	<h3>1991</h3>
	<h2>Primeiros passos</h2>
	<p>A primeira versão do HTML foi publicada com o nome de "HTML Tags" mas nunca foi adotada como um padrão. Tecnicamente, nunca recebeu um "número de versão".</p>
	<p>CURIOSIDADE: Chegava aos EUA o primeiro servidor web fora do continente europeu, no Stanford Linear Accelerator Center (SLAC), Califórnia.</p>
	
	<h3>1993</h3>
	<h2>Browsers comerciais</h2>
	<p>O NSCA Mosaic foi o primeiro navegador a rodar no Windows, fator determinante para a abertura da web para o público em geral.</p>
	<p>Em 1994, a Mosaic Communications se tornou a Netscape Communications, produzindo o Netscape Navigator.</p>
</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}