Four column layout

dabblet.css

/**
 * Four column layout
 */
 
body { padding: 0; margin: 0; }

div {
	background: linear-gradient(#ea0, #c60);
	color: white;
	font: 7em Helvetica;
	text-align: center;
	line-height: 2em;
	float: left;
	width: 24%;
	margin: 0 1.33% 1.33% 0;
}
div:nth-child(4n) { margin-right: 0; }

dabblet.html

<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>

settings.json

{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"all"}