Untitled

dabblet.css

html, body {
  height: 100%;
  margin: 0;
  font-family: sans-serif;
  font-size: 12px;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  padding: 7px 12px;
  border-bottom: 1px solid #ddd;
}
body > div {
  height: 50%;
  overflow: hidden;
  position: relative;
}
body > div > h2 {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  color: #3C8B83;
  background: #eee;
  margin: 0;
  height: 34px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 17px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  box-sizing: border-box;
  text-transform: uppercase;
  font-weight: 100;
  text-shadow: 0 1px 0 white;
  box-shadow:
    0 1px 0 white inset,
    0 1px 4px rgba(0,0,0,0.2);
}
body > div > div {
  display: block;
  box-sizing: border-box;
  padding-top: 34px;
  height: 100%;
}
body > div > div > div {
  height: 100%;
  overflow: scroll;
}

dabblet.html

<div>
  <h2>First div</h2>
  <div>
    <div>
      <ul>
        <li>item a</li>
        <li>item b</li>
	<li>item c</li>
	<li>item d</li>
	<li>item e</li>
	<li>item f</li>
	<li>item g</li>
	<li>item h</li>
	<li>item i</li>
	<li>item j</li>
	<li>item k</li>
	<li>item l</li>
	<li>item m</li>
        <li>item n</li>
        <li>item o</li>
	<li>item p</li>
        <li>item q</li>
        <li>item r</li>
        <li>item s</li>
        <li>item t</li>
        <li>item u</li>
        <li>item v</li>
        <li>item w</li>
        <li>item x</li>
        <li>item y</li>
        <li>item z</li>
      </ul>
    </div>		
  </div>
</div>
<div>	
  <h2>Second div</h2>
  <div>
    <div>
      <ul>
        <li>item a</li>
        <li>item b</li>
	<li>item c</li>
	<li>item d</li>
	<li>item e</li>
	<li>item f</li>
	<li>item g</li>
	<li>item h</li>
	<li>item i</li>
	<li>item j</li>
	<li>item k</li>
	<li>item l</li>
        <li>item m</li>
        <li>item n</li>
        <li>item o</li>
	<li>item p</li>
        <li>item q</li>
        <li>item r</li>
        <li>item s</li>
        <li>item t</li>
        <li>item u</li>
        <li>item v</li>
        <li>item w</li>
        <li>item x</li>
        <li>item y</li>
        <li>item z</li>
      </ul>
    </div>		
  </div>
</div>

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}