Untitled

dabblet.css

#w {
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  *letter-spacing: normal;
    
  margin-top: 60px
}

#m, #a1, #a2 {
  letter-spacing: normal;
  word-spacing: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
}

#m {
  width: 50%;
  margin-left: 25%;
  background: #fee;
}
#mi {
  background: #edd;
  margin: 0 10px;
}

#as {
  display: inline;
}
#a1 {
  width: 25%;
  margin-left: -75%;
  background: #eff;
}
#a1i {
  background: #dee;
  margin-right: 10px;
}
#a2 {
  width: 25%;
  margin-left: 50%;
  *margin-left: 0;
  background: #efe;
}
#a2i {
  background: #ded;
  margin-left: 10px;
}

dabblet.html

<div id=w>
  <div id=m>
    <div id=mi>Main. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
</div>
  </div>
  <div id=as>
    <div id=a1>
      <div id=a1i>Aside 1. Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.</div>
    </div>
    <div id=a2>
      <div id=a2i>Aside 2. Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus fermentum posuere. Morbi sit amet nulla sed dolor elementum imperdiet. Quisque fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque adipiscing eros ut libero. Ut condimentum mi vel tellus. Suspendisse laoreet. Fusce ut est sed dolor gravida convallis. Morbi vitae ante. Vivamus ultrices luctus nunc. Suspendisse et dolor. Etiam dignissim. Proin malesuada adipiscing lacus. Donec metus. Curabitur gravida.</div>
    </div>
  </div>
</div>

settings.json

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