box model basics

dabblet.css

/* box model basics */ 
div {
    background-color: #aaa;
    display: block;
    outline: 5px dashed white;
    margin: 50px;
    border: 30px solid hsla(2000,100%,50%, .4);
    padding: 10px;
    background-clip: padding-box;
}

body {
    background: url("https://image-gr.s3.envato.com/files/64685809/Green%20Lawn%20Wallpaper%20L.jpg");
}

p {
    background-color: blue;
}

dabblet.html

<div>This is some content.</div>

<div>Some other content</div>

<p>Other Stuff Here</p>

dabblet.js

// alert('Hello world!');

settings.json

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