Untitled

dabblet.css

body {
  width: 600px;
  font:normal 14px/1.62 arial, sans-serif;
}
.mod { 
  margin-bottom:100px;
  background-color:#efc;
}
.pic {
  margin-right: 20px;
}
.title {
  margin-bottom: 1em;
  font-size: 18px;
}






/*-----------------------------*/





#sample-1 {
  -webkit-columns: 2;
     -moz-columns: 2;
      -ms-columns: 2; 
          columns: 2;
  -webkit-column-rule: 1px dashed #370;
   -webkit-column-gap: 40px;
     -moz-column-rule: 1px dashed #370;
      -moz-column-gap: 40px;
}

#sample-1 .intro {
  column-break-inside: avoid;
}

dabblet.html

<div id="sample-1" class="mod">
<div class="pic">
  <img src="http://dummyimage.com/200x100/003dd6/fff">
</div>
<div class="intro">
<div class="title">
<a href="">“青春大金矿”（<北京青年报>专访）</a>
</div>
<p>去见私奔锦的那天，天很平，坐了约一个小时的公车。北京798艺术区附近的居民楼有着老北京的闲散和古旧。初秋的阳光妩媚而有张力，80年代遗留下来的洗衣厂，门口下棋的老人，头顶交织的电线，干净的台阶…… 我们穿过午后的风拐进一条悠长的胡同...</p>
</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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