SBoudrias/dabblet.css

## dabblet.css
/**
 * The first commented fne is your dabblet’s title
 */
#main {
width:700px;
margin:auto;
}

#left {
width:200px;
float:left;
background:blue;
}

#content {
background:red;
}

#special {
background:green;
}
#special p {
padding-right: 20px;
position: relative;
left: 20px;
}

## dabblet.html

<!-- content to be placed inside <body>…</body> -->
<div id="main">
	<div id="left">du contenu avec du texte qui fait plus qu'une ligne
	du contenu avec du texte qui fait plus qu'une ligne
	du contenu avec du texte qui fait plus qu'une ligne
	</div>
	<div id="content">
		<p>encore du contenu a vec beaucoup de texte, encore du contenu avec beaucoup de texte
		encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
		<div id="special">
			<p>encore du contenu a vec beaucoup de texte, encore du contenu avec beaucoup de texte encore
			du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
			<p>encore du contenu a vec beaucoup de texte, encore du contenu avec beaucoup de texte encore
			du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
		</div>
		<p>encore du contenu a vec beaucoup de text encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
		<p>encore du contenu a vec beaucoup de textencore du contenu a vec beaucoup de texteencore du contenu a vec beaucoup de texteencore du contenu a vec beaucoup de texte</p>
		<p>encore du contenu a vec beaucoup de text</p>
		<p>encore du contenu a vec beaucoup de text</p>
	</div>
</div>

## settings.json
{"view":"split","prefixfree":"1","page":"css"}
	/**
	* The first commented fne is your dabblet’s title
	*/
	#main {
	width:700px;
	margin:auto;
	}

	#left {
	width:200px;
	float:left;
	background:blue;
	}

	#content {
	background:red;
	}

	#special {
	background:green;
	}
	#special p {
	padding-right: 20px;
	position: relative;
	left: 20px;
	}

	<!-- content to be placed inside <body>…</body> -->
	<div id="main">
	<div id="left">du contenu avec du texte qui fait plus qu'une ligne
	du contenu avec du texte qui fait plus qu'une ligne
	du contenu avec du texte qui fait plus qu'une ligne
	</div>
	<div id="content">
	<p>encore du contenu a vec beaucoup de texte, encore du contenu avec beaucoup de texte
	encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
	<div id="special">
	<p>encore du contenu a vec beaucoup de texte, encore du contenu avec beaucoup de texte encore
	du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
	<p>encore du contenu a vec beaucoup de texte, encore du contenu avec beaucoup de texte encore
	du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
	</div>
	<p>encore du contenu a vec beaucoup de text encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte encore du contenu a vec beaucoup de texte</p>
	<p>encore du contenu a vec beaucoup de textencore du contenu a vec beaucoup de texteencore du contenu a vec beaucoup de texteencore du contenu a vec beaucoup de texte</p>
	<p>encore du contenu a vec beaucoup de text</p>
	<p>encore du contenu a vec beaucoup de text</p>
	</div>
	</div>