MichaelArestad · January 9, 2013 23:08
diff --git a/dabblet.css b/dabblet.css
 /**
 This does not work.
 */

 html {background: #f06;
 background: linear-gradient(45deg, #f06, yellow);
 min-height: 100%;}

 .element,
 .parent-element {
 	width: 100%;
 }
 .parent-element {
 	display: table;
 	height: 300px;
 	border: 2px dotted white;
 }
 .element {
 	display: table-cell;
 	vertical-align: middle;
 	text-align: center;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="parent-element">
 	<h1 class="element" contenteditable="true">This does not work at all.</div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	This does not work.
	*/

	html {background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;}

	.element,
	.parent-element {
	width: 100%;
	}
	.parent-element {
	display: table;
	height: 300px;
	border: 2px dotted white;
	}
	.element {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	}
	<div class="parent-element">
	<h1 class="element" contenteditable="true">This does not work at all.</div>
	</div>