Example 3-pane float layout

dabblet.css

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

#leftBar {
float: left;
width: 100px;
background: green;
}

#content {
background: red;
}

#rightBar {
float: right;
width: 100px;
background: blue;
}

dabblet.html

<div id="leftBar">
Id high life scenester yr, ex cray cupidatat. Ennui consequat high life pickled you probably haven't heard of them letterpress. Non elit shoreditch locavore. Umami 8-bit direct trade, fanny pack synth cillum banh mi incididunt placeat accusamus dreamcatcher lomo kale chips. Seitan delectus duis +1 twee, skateboard odio et bicycle rights polaroid leggings bespoke. Fixie hoodie farm-to-table, before they sold out incididunt kogi stumptown. Ennui anim sint cupidatat.
</div>

<div id="rightBar">
Chambray mollit cray, occupy tofu duis jean shorts laborum terry richardson american apparel shoreditch fingerstache. Photo booth gentrify banksy, tattooed typewriter cupidatat nisi pariatur swag nulla PBR tempor. Commodo duis VHS sartorial. Retro readymade messenger bag, tattooed do viral dreamcatcher odio id selvage lomo fanny pack delectus american apparel kogi. Leggings duis dolor craft beer kogi. Forage PBR eiusmod, velit dreamcatcher readymade pop-up consectetur. Leggings velit pop-up hoodie in iphone minim magna sartorial.
</div>

<div id="content">
Sunt umami eiusmod, mollit fixie echo park polaroid viral cred ethical vinyl. Direct trade tempor esse, street art laboris DIY raw denim. Consequat velit chambray, culpa kogi kale chips fap vero wayfarers. Cliche do consequat irure cillum nostrud. Skateboard odio banksy 8-bit. Butcher mustache echo park, pinterest bespoke bicycle rights hella cosby sweater vinyl. Deserunt voluptate est ea, banh mi viral dreamcatcher minim.
</div>

settings.json

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