ikhattab · August 18, 2012 13:15
diff --git a/dabblet.css b/dabblet.css
 /**
 * heading 
 */

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

 #header{
 	margin: 0 auto;
 	display:table;
 	}
 	#header h1{
 	display: table-cell;
 	}
 	
 	
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 	<div id="content">
 		<div id="header">
 			<h1>Simple Heading can expand</h1>
 			<span> and ome more thing about</span>
 		</div>
 	</div>

diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* heading
	*/

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

	#header{
	margin: 0 auto;
	display:table;
	}
	#header h1{
	display: table-cell;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id="content">
	<div id="header">
	<h1>Simple Heading can expand</h1>
	<span> and ome more thing about</span>
	</div>
	</div>