将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/