Border meetings with border-box

dabblet.css

/* Border meetings with border-box */

.border-box {
	box-sizing: border-box;
	width: 200px;
	height: 200px;
	background-color: #ccc;
	border-right: 5px solid black;
	border-bottom: 10px solid green;
	margin-bottom:10px;
}

.content-box {
	width: 200px;
	height: 200px;
	background-color: #ccc;
	border-right: 5px solid black;
	border-bottom: 10px solid green;
}

dabblet.html

<div class="border-box">
 With Border-box
</div>

<div class="content-box">
Without Border-box
</div>

dabblet.js

// alert('Hello world!');

settings.json

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