Untitled

dabblet.css

body {
	margin: auto;
	background: silver;
}

#top {
	margin: auto;
	width: 900px; 
}

#title {
	font: 20px Helvetica;
	color: white;
	margin-top: 14px;
	margin-bottom: 14px;
}

#navigation {
	float: right;
	font: 14px Helvetica;
	color: white;
	margin-top: -34px;
	margin-bottom: 10px;
}

#content {
	margin: auto;
	height: 800px;
	width: 900px;
	background: white;
	border-radius: 6px; 
}

#bottom {
	margin: auto;
	width: 900px; 
}

#legal {
	font: 12px Helvetica;
	color: white;
	margin-top: 14px;
	margin-bottom: 14px;
}

#lowernavigation{
	float: right;
	font: 12px Helvetica;
	color: white;
	margin-top: -28px;
	margin-bottom: 14px;
}

dabblet.html

<div id="top">

	<p id="title">Mocha</p>
	
	<p id="navigation">Products &nbsp &nbsp About &nbsp &nbsp Contact &nbsp &nbsp Blog &nbsp &nbsp Investors</p>

</div>

<div id="content">

</div>

<div id="bottom">

	<p id="legal">&copy Mocha Inc. All rights reserved.</p>
	
	<p id="lowernavigation">Home | Products | About | Contact | Blog | Investors | Careers</p>
	
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}