Untitled

dabblet.css

body{
	width: 940px;
	font-family: Century Gothic;
	margin: 0 auto;
}

header{
	border-bottom: 2px solid;
}

section{
	height: 300px;
}

#menu{
	
	padding-top: 20px;
	border-right: 2px solid;
	width: 180px;
	height: 300px;
	position: relative;
	left: 15px;
}

#list-menu{
	background-color: #CCC;
	width: 150px;
	height: 185px;
	border: 2px solid;
	padding-bottom: 20px;
	margin-left: 6px;
}

p{
	font-size: 25px;
	margin-bottom: auto;
	margin-top: auto;
	padding: 5px 0;
	font-weight: normal;
	position: relative;
	ma
}
ul{
	display: inline;
	list-style: none;
	font-size: 19px;
}

ul li{
	width: 126px;
	height: 30px;
	margin: 1px; 0;
	padding: 2px 11px;
	background-color:#FFF;
}

dabblet.html

<header>
	<h1>Portfolio Igor Designer</h1>
</header>

<section>
	<div id="menu">
		<section id="list-menu">
		<p>Menu</p>
		<ul>
			<li>Home</li>
			<li>Sobre</li>
			<li>Trabalhos</li>
			<li>Contato</li>
		</ul>
		</section>
	</div>
</section>

dabblet.js

// alert('Hello world!');

settings.json

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