Untitled

dabblet.css

body { overflow-y: scroll; }
.caixas {
	background-color: #ffc;
	margin: 0;
	padding: 0;
}
.caixa {
	list-style: none;
	border: .4vw solid;
	width: 20vw;
	height: 100px;
	background-color: orange;
	color: #950;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.flex {
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.flex .caixa:not(:nth-child(3n)):not(:last-child) {
	flex-shrink: 0;
	margin-right: 18vw;
}
.inline {
	text-align: left;
	letter-spacing: calc(20vw - 2.25ch);
	font-family: monospace;
}
.inline .caixa {
	letter-spacing: 0;
	display: inline-block;
}

dabblet.html

<ul class="caixas inline">
	<li class="caixa">Lorem ipsum</li>
	<li class="caixa">Lorem ipsum</li>
	<li class="caixa">Lorem ipsum</li>
	<li class="caixa">Lorem ipsum</li>
	<li class="caixa">Lorem ipsum</li>
	<li class="caixa">Lorem ipsum</li>
	<li class="caixa">Lorem ipsum</li>
	<li class="caixa">Lorem ipsum</li>
</ul>

settings.json

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