tree

dabblet.css

/* tree */
body { margin: 20px; font-size: 16px;}


.tree1 {
	width: 0px;
	height: 0px;
	border: 0px transparent;
	border-width:   .6em         ; /* controls branch width  */
	border-bottom: 1.3em  #92C83E; /* controls branch height */
	border-top: 0;
	border-style: solid;
}
.tree2 { 
	width:   .2em;                /* controls trunk height */
	height: .65em;                /* controls trunk height */
	margin: 1px 0 0 .45em;background: #92C83E;
	}

dabblet.html

<div class="tree1"></div>
<div class="tree2"></div>
<div class="tree3"></div>
<div class="tree4"></div>

dabblet.js

// alert('Hello world!');

settings.json

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