ikhattab/dabblet.css

## 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;
	}


## 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>


## 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>