Div под divом

[7ion]

Здравствуйте.

Есть небольшая задача, которую я со своим уровнем знаний не могу решить.

Необходимо там, где на скрине отмечено желтым написать 14 Кб, 456х235.

Я не знаю, как туда вставить еще один div, чтобы он шел строго параллельно с картинкой и равнением посередине.

Вот код:

<div class="reply"><a id="33206"></a><div class="thumb" style="background-image: url('/m2-ch/fa/thumb/1301815846059s.jpg');"></div>03 Апр, 11:30 <span class="reflink">#33206</span><br />Текст сообщения</div>

.reply { 
background : #ddd; 
border : 1px solid #ccc; 
margin: 5px;
padding: 5px;
overflow: hidden;
} 
.thumb {    
float : left;
border : 1px solid #bbb;
margin : 15px 15px 15px 10px;
width: 64px;
height: 64px;
background-position: 50% 50%;
background-repeat: no-repeat;
}

Может, это надо как-либо переверстать?

Заранее спасибо за помощь.

[ShumNo]

Если картинки по высоте будут одинакового размера, то может так?

<div class="reply">
    <a id="33206"></a>
    <div class="thumb" style="background-image: url('/m2-ch/fa/thumb/1301815846059s.jpg');">
        <div style="padding-top:70px; text-align: center;">14 Кб, 456х235</div>
    </div>
    03 Апр, 11:30 <span class="reflink">#33206</span><br />Текст сообщения
</div>

добавил только

<div style="padding-top:70px; text-align: center;">14 Кб, 456х235</div>

Есть и другие пути на истину не настаиваю

Edited April 3, 2011 by ShumNo

[7ion]

О, отлично, спасибо большое! Это почти то, что надо.

<div style="padding-top:65px; text-align: center; font-size: 0.8em; color: gray;">1467 Кб, 4567х2735</div>

Нужно, чтобы еще текст сообщения обтекал этот div и чтобы он распирал div class="reply" (сообщение может быть коротким или его может не быть вовсе), а то иначе получается так:

[ShumNo]

Текст и так обтекает так как текст под картинкой внутри дива с float

А что касается "распирания" так у родительского дива указана жесткая ширина в 64 пикселя

Либо ширину менять либо переверстывать структуру либо сократить запись (убрать лишнее) и шрифт поставить 9px а ширину блока с картинкой немного увеличть до 70-80 пх если требуется

Edited April 3, 2011 by ShumNo