css - 将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 中，但不能放在图像之间。只有在他们之前/之后。

图片值(value)超过1000字，所以这是我想要实现的:

这是我当前的图像 CSS(仅此而已，我才刚刚开始):

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

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

Answer 1

这里有一些 CSS 恶作剧:

http://jsfiddle.net/5qzXV/