把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：

​​

我也在這裏使用inuitCSS，所以也許它可以以某種方式幫助我解決問題。

Answer 1

下面是一些CSS有心計你：

http://jsfiddle.net/5qzXV/