wrumsby · August 29, 2013 20:27
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 body {
    background: #f06;
    background: linear-gradient(45deg, #f06, yellow);
    min-height: 100%;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 24pt;
 }

 .wrap {
    position: absolute;
    top: 60px;
    left: 60px;
    right: 60px;
 }

 .thing {
    padding: 20px;
    background-color: #222;
    opacity: 0.6;
 }

 .thing + span {
    color: #fff;
    position: absolute;
    top: 25%;
    left: 20px;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="wrap">
    <div class="thing">&nbsp;</div>
    <span>This is just a test. This is just a test. This is just a test. This is just a test. This is just a test. This is just a test. This is just a test. </span>
 </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":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/
	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 24pt;
	}

	.wrap {
	position: absolute;
	top: 60px;
	left: 60px;
	right: 60px;
	}

	.thing {
	padding: 20px;
	background-color: #222;
	opacity: 0.6;
	}

	.thing + span {
	color: #fff;
	position: absolute;
	top: 25%;
	left: 20px;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="wrap">
	<div class="thing"> </div>
	<span>This is just a test. This is just a test. This is just a test. This is just a test. This is just a test. This is just a test. This is just a test. </span>
	</div>