css - CSS: div の一番上の n 行目にどのように配置しますか?

Question

デモ: http://jsfiddle.net/5qdZr/

2 行目の写真を含む最初の div を、1 行目の写真を含む最初の div に「上に揃える」ようにし、2 行目の写真を含む 3 番目の div を「上に揃える」必要があります。最初の行の写真を含む 3 番目の div。

CSSで設定された5pxのマージンでもちろん上に揃えます（#gallery div.placeholder）

html:

<div id="gallery">
<div class="placeholder">
<a href="#" title="" data-gallery="">
    <img src="http://lorempixel.com/400/400/" />
</a>
[... repeat so on]
</div>

CSS:

#gallery{background-color:red;}
#gallery img{-webkit-transition: opacity 0.4s;-moz-transition: opacity 0.4s;-ms-transition: opacity 0.4s;transition: opacity 0.4s;width:100%;}
#gallery div.placeholder{display:inline-block;vertical-align:top;width:30%;margin:5px;}

前:

私はこれを必要とする：