image - Div tag within img tag

Question

I need to add a text on each of the image and I have the image gallery constructed using img tags. Can't I append div tags under img tags. Similar to the one shown here :

<img id="img1" class="img1_1" src="hello1_1">
  <div class="textDesc">HELLO1_1</div>
</img>

Though the div is appended to img tag , but I cant see the text "HELLO1_1" on the image.

Please can anyone help me? If you need the source code I can share it with you.

Here is the link to test the scenario : http://jsfiddle.net/XUR5K/9/

Answer 1

An image tag can not have child elements. Instead, you need to position the DIV on top of the image using CSS.

Example:

<div style="position: relative;">
    <img />
    <div style="position: absolute; top: 10px;">Text</div>
</div>

That's but one example. There's plenty of ways to do this.