Javascript 制作类似Tumblr模板的图像网格

很抱歉问这么愚蠢的问题，但是我如何使用HTML和CSS制作像Tumblr这样的图像或文本网格呢？

---

嗯，我的意思是这样的：

这是一个非常广泛的问题，但这里有一个基本的例子让你开始。您应该使用一些浮动列，每个浮动列中都有框

演示-

HTML:

---

只使用HTML和CSS？如果javascript/jQuery是有效的，或者这个问题太广泛。发布一些您尝试过的代码，并询问具体问题。

<div class="wrapper">
  <div class="col">
    <div class="block">
    </div>
    <div class="block-l">
    </div>
    <div class="block">
    </div>
    <div class="block-l">
    </div>
  </div>
  <div class="col col-last">
    <div class="block-l">
    </div>
    <div class="block">
    </div>
    <div class="block-l">
    </div>
    <div class="block">
    </div>
  </div>
</div>
<div style="cf"></div>

.wrapper{
  width: 1000px;
  margin: 0 auto;
}

.col {
  float: left;
  width: 49%;
}

.block {
  width: 100%;
  height: 110px;
  background: #ccccff;
  margin-bottom: 20px;
}

.block-l {
  width: 100%;
  height: 180px;
  background: #ccccff;
  margin-bottom: 20px;
}

.col-last {
  float: right!important;
}

.cf {
  clear: both;
}