Box Model - old and new

dabblet.css

/* Box Model - old and new */
html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	font-family:Tahoma,sans-serif;
}

* {

	margin: 		0;
	padding: 		0;
}

.old-model {
	background: white;
	float: 		left;
	
	width: 		80px;
	height: 	80px;
	border: 	20px solid black;
	padding: 	20px;
	
	margin: 	20px;
}

.new-model {
	box-sizing: border-box;
	
	background: white;
	float: 		left;
	
	width: 		160px;
	height: 	160px;
	border: 	20px solid black;
	padding: 	20px;
	
	margin: 	20px;
}

dabblet.html

<div class="old-model">Box Model</div>
<div class="new-model">Box Model</div>

dabblet.js

// alert('Hello world!');

settings.json

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