将 div 放在图像之间

Question

我有 5 张图片和一张带有文字的 div。 Html 看起来像这样：

<div id="title">Title of gallery</div>
<div id="gallery">
    <img src="thumbs/1.jpg"/>
    <img src="thumbs/2.jpg"/>
    <img src="thumbs/3.jpg"/>
    <img src="thumbs/4.jpg"/>
    <img src="thumbs/5.jpg"/>
</div>

如果有帮助，我可以将我的 #title 放在 #gallery 中，但不能放在图像之间。仅在它们之前/之后。

图片价值超过1000字，所以这是我想要实现的目标：

这是我当前的图像 CSS（仅此而已，我刚刚开始）：

#page img {
    border:none;
    display:block;
    float: left;
    margin: 2px;
}

我在这里也使用inuitCSS，所以也许它可以以某种方式帮助解决我的问题。

Answer 1

这里有一些 CSS 恶作剧：

http://jsfiddle.net/5qzXV/