Поместите 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/