Css 使样式项类似于日志

我想使样式css像日记样式

示例

我试着做这个

html

<header><!-- ... --></header>
<div id="content">
<div class="item">
here is item con
</div>
<div class="item">
here is item con
</div>
<div class="item">
here is item con
</div>

</div>

谢谢大家

看看同位素（）。这将使用Jquery以一种简单的方式为您安排项目

#content {
  width: 90%;
}
.item {
  float: left;
  width: 300px;
  border: solid 1px #ccc;
  margin: 5px;
  padding: 5px;
}