youtube like duration (or any text) on thumb (image)

first of all...honestly, i dont know is it the right section, coz i hav no idea which code need to be used to do it. but i think it might be CSS...if wrong section plz moderators move it to right sec...tnx


hey, my title tells everything.
u see duration on Thumb pics at youtube

i want like that. duration (actually a php variable) on left-bottom corner of a Thumb (or i shud say...a pic)

can anyone plz help me??

 

Just use a negative margin to push the duration on top of the thumbnail.

example HTML:

<div id="thumb">
<img src="thumbnail.jpg" />
<div class="duration">05:37</div>
</div>

Code (markup):

with CSS:

.duration { margin-top: -15px; }

Code (markup):

 

thank you