Réinitialisation

dabblet.css

/* Réinitialisation */

* {margin: 0px; padding:0px}


/* Bordure du haut */

body {border-top: 10px solid #003366; }


/* Haut de Page + Menu */

header {
width:600px; margin:auto; border-bottom: 1px dashed red;} 
nav li {
list-style-type: none;
display: inline-block;
margin-left: 20px;
}
nav ul li a {
text-transform: uppercase;
}
li a {
text-decoration: none; 
}
nav ul {display: inline-block;vertical-align:45px; margin-left: 100px;}
nav h1 {
	width: 100px;
	height: 100px;
	margin-top: 10px;
	border: 1px dashed black;
	border-radius: 50px;
	display: inline-block;}
	

/* Fond d'écran */


figure {margin-top:10px;
width: 1280px; height: 400px; border: 1px dashed black;}

figure div {border: 1px dotted black; width:800px; height: 200px; margin: auto; margin-top:10px;}


/* Article et A propos */

section {width:1024px; margin: auto;}
article, aside {margin-left: 20px; margin-top:10px;}
article {width:600px; display:inline-block; vertical-align:top;}
aside {width:200px;display: inline-block; }
article p {text-indent: 1em;}
aside li {
list-style-type: none;}

a { color: gray;}

/* Bas de page */
footer {
border-bottom: 10px solid #FF6600;
width;1280px; height:10px;
}

dabblet.html

<header>
<nav> 
	<h1></h1>
	<ul>
		<li><a href="#">blog</a></li>
		<li><a href="#">about</a></li>
		<li><a href="#">contact</a></li>
		<li><a href="#">twitter</a></li>
	</ul>
<nav>
</header>

<figure>
	<div>
		<h1><h1>
		<h2></h2>
	</div>
</figure>

<section>
	<article>
		<h1>HTML5 Game</h1>
		<p>I'm new in Web Developpement and I've been discovering new languages around HTML5 like the new version of CSS3 and even JavaScript. </p>
	</article>
	<aside><h1>More links</h1>
		<ul>
			<li><a href="#">The Verge<a></li>				
			<li><a href="#">Korben<a></li>			
			<li><a href="#">TechCrunch<a></li>
		</ul>
</aside>
</section>

<footer>
<footer>

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}