The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.html

<!-- Two columns, side by side. Place this html inside your WordPress text/code window -->

<div style="width:70%;float:left;padding-right:20px;border-right:solid 1px #000000;box-sizing:border-box;">
	Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here. Left column content can go here.
</div>
<div style="width:30%;float:right;padding-left:20px;box-sizing:border-box;">
	Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. Right column content can go here. 
</div>
<div style="height:0;clear:both;"></div><!-- This prevents subsequent content from encroaching in the columns territory. Remove it to see what I mean. -->

Lorem ipsum dolor sit amet, mel iriure prompta et, error errem menandri ex nec. Ex saperet perfecto dissentiunt sit, natum intellegat nam ex, sed saepe singulis erroribus ut. At altera aliquam his. Vim repudiare philosophia ei, vis no cibo nonumy. Vix te dicat nulla intellegat, justo euismod ad has, id hinc aliquid has. Choro oblique vituperata est ex, ea est natum latine vivendo. Est ex iudico meliore appetere.

dabblet.js

// alert('Hello world!');

settings.json

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