curso-html5-css3-alura-exercicio-1-10-12

dabblet.css

div {
	width: 100px;
	height: 100px;
	/* Para deixar o texto centralizado na div,
	   podemos colocar um line-height igual à altura
	   dela. Só funciona bem se o texto tiver uma
	   linha só.
	*/
	line-height: 100px;
	text-align: center;
	font-size: 25px;
}
.container {
	width: 400px;
}
.primeiro {
	background-color: red;
	float: left;
}
.segundo {
	background-color: blue;
	float: left;
}
.terceiro {
	width: 200px;
	height: 200px;
	line-height: 200px;
	background-color: green;
	float: right;
}
.quarto {
	background-color: orange;
	float: left;
}
.quinto {
	background-color: magenta;
	float: left;
}

dabblet.html

<div class="container">
	<div class="primeiro">1</div>
	<div class="segundo">2</div>
	<div class="terceiro">3</div>
	<div class="quarto">4</div>
	<div class="quinto">5</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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