Oh, wow, vertical writing mode! Webkit only.

dabblet.css

/**
 * Oh, wow, vertical writing mode! Webkit only.
 */

html {
	-webkit-writing-mode: vertical-rl;
	   -moz-writing-mode: vertical-rl;
	    -ms-writing-mode: vertical-rl;
	     -o-writing-mode: vertical-rl;
	        writing-mode: vertical-rl;
	direction: rtl;
}

h1 {
	position: fixed;
	top: 1em;
	left: 1em;
	-webkit-writing-mode: horizontal-tb;
	   -moz-writing-mode: horizontal-tb;
	    -ms-writing-mode: horizontal-tb;
	     -o-writing-mode: horizontal-tb;
	        writing-mode: horizontal-tb;
	direction: ltr;
}

.vertical {
	padding-top: 5em;
	counter-reset: item;
}

.item {
	display: inline-block;

	width: 5em;
	height: 5em;
	margin: .5em;

	-webkit-writing-mode: horizontal-tb;
	   -moz-writing-mode: horizontal-tb;
	    -ms-writing-mode: horizontal-tb;
	     -o-writing-mode: horizontal-tb;
	        writing-mode: horizontal-tb;
	direction: ltr;



	background: #AAA;
}

.item:before {
	content: counter(item);
	counter-increment: item;
}

.item:nth-child(3n) {
	height: 11em
}

.item:nth-child(5n-3) {
	height: 17em
}

dabblet.html

<h1>From bottom to top, from right to left.</h1>
<div class="vertical">
<div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div>
</div>

settings.json

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