Untitled

dabblet.css

.list {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  
  -webkit-flex-wrap: nowrap;
     -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
       -o-flex-wrap: nowrap;
          flex-wrap: nowrap;

  width: 20px;
  background: #CCFFFF;
}

.list div {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
 
    background: #CCC;
    margin: 5px;
}

dabblet.html

<div class="list">
  <div>First</div>
  <div>Second</div>
  <div>Third</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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