Untitled

dabblet.css

#main {
    border: 1px solid red;
    margin: 5px;
}
#main > div {
    flex-direction: row;
    display: flex;
    height: 500px;
}
#content, aside {
    padding: 5px;
}
#content {
    flex-grow: 1;
    background-color: green;
    width: 500px;
    display: flex;
    overflow-x: auto;
}
aside {
    background-color: blue;
    width: 200px;
}

dabblet.html

<div id="main">
    <div>
        <div id="content">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        </div>
        <aside>
            b
        </aside>
    </div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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