div float full width

dabblet.css

/**
 * div float full width
 */

html, body {
background: #f06;
background: linear-gradient(45deg, #00f, yellow);
height:100%;
}
div {
	height: 30px;
}
.float {
	background: #fff;
	width: 100px;
	float:left;
}
.fullw {
	background: #000;
	display: block;
}
.wrapper {
	background:#fff
}
ul {
	background: #bbb;
	list-style: none;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
li {
	display: block;
	background: #888;
	float: left;
	width: 30px;
	height: 10px;
}
.smooth-line {
	border-top: 1px solid #000;	border-right: 150px solid transparent;
	border-left: 150px solid transparent;
}

dabblet.html

<div class="wrapper">
	<ul>
		<li>1</li>
		<li>2</li>
		<li>3</li>
	</ul>
</div>

<div>
	
</div>
Linha
<div class="smooth-line"></div>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"all"}