Untitled

dabblet.css

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

#wrapper {
															width:1024px; 
															height: 720px;
															background:black;
															margin: auto;}
#bloc1{width:200px; height:200px;background: white; display:inline-block;}

#bloc2{
width:200px; height:200px;background: white;
display:inline-block;

}

#bloc3{
width:200px; height:200px;background: white;
display:inline-block;

}

#bloc4{
width:200px; height:200px;background: white;
display:inline-block;

}

#footer{ display: block; width: 850px; position: relative;}

dabblet.html

<div id="wrapper">
	<div id="footer">
		<div id="bloc1">
		</div>


		<div id="bloc2">
		</div>


		<div id="bloc3">
		</div>


		<div id="bloc4">
		</div>

	<div>
</div>

settings.json

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