Untitled

dabblet.css

      .item { 
        margin-bottom: 20px;
        padding: 10px; 
        font-size: 0;
        border: 1px solid #efefef;
      }
      .item .pic , 
      .item .content {
        display: table-cell;
        *display: inline;
        *zoom: 1;
        padding-right: 10px;
        vertical-align: middle;
      } 
      .item .content {
        font-size: 12px;
        /* IE6/7下需要定宽 */
      }
      /* IE6/7下内容中英对齐问题(for block) */
      .item .content p, 
      .item .content h3 { 
        vertical-align: baseline;
      }
      /* IE6/7下内容中英对齐问题(for inline) */
      .item .content .info {
        *zoom: 1;
        vertical-align: baseline;
      }

dabblet.html

  <div class="item">
    <div class="pic">
      <img src="http://placehold.it/180x180" alt="" />
    </div>
    <div class="content">
      <h3><a href="http://www.douban.com/tribe/1000046/">文艺青年部落</a></h3>
      <span class="info">20634 居民 / 95 小组 / 91 小站</span>
      <p>爱生活 | 爱艺术 | 爱自由 | 爱幻想 | 我们是这样一群永远不为现...</p>
    </div> 
  </div>
  
  <div class="item">
    <div class="pic">
      <img src="http://placehold.it/65x65" alt="" />
    </div>
    <div class="content">
      <h3><a href="http://www.douban.com/tribe/1000045/">二次元拯救世界部落</a></h3>
    </div>
  </div>

settings.json

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