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

<table>
  <tr>
     <td>1<br/>2</br>3</br>4</br>5<br/>6<br/>7</td>
     <td style="background: green;height:100%">
        <div style="display:flex;background:red;height: 100%;flex-direction: column">
           <button style="height:20px">1</button>
           <button style="height:20px;align-self:flex-end">2</button>
           <button style="height:20px;align-self:flex-end">3</button>
        </div>
     </td>
  </tr>
</table>

dabblet.js

// alert('Hello world!');

settings.json

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