Div tag within img tag

dom, html, image

Solution

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.

Problem

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/

Original source