leechy · September 4, 2014 08:55
diff --git a/dabblet.css b/dabblet.css
 /**
 * Vertical alignment
 */
 html,
 body {
 	height: 100%;
 	margin: 0;
 	background: #f06;
 	background: linear-gradient(45deg, #f06, yellow);
 }

 .a {
 	height: 100%;
 	box-shadow: 0 0 2px green inset;
 	text-align: center;
 	font-size: 0px;
 }

 .a:after {
 	display: inline-block;
 	content: ' ';
 	height: 100%;
 	vertical-align: middle;
 }
 .b {
 	display: inline-block;
 	vertical-align: middle;
 	font-size: 18px;
 	border: 2px solid blue;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class="a">
 	<div class="b">
 		Хочу этот див по центру по вертикали!
 	</div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Vertical alignment
	*/
	html,
	body {
	height: 100%;
	margin: 0;
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	}

	.a {
	height: 100%;
	box-shadow: 0 0 2px green inset;
	text-align: center;
	font-size: 0px;
	}

	.a:after {
	display: inline-block;
	content: ' ';
	height: 100%;
	vertical-align: middle;
	}
	.b {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	border: 2px solid blue;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="a">
	<div class="b">
	Хочу этот див по центру по вертикали!
	</div>
	</div>