Question

for example if I want to put an image wrap another object,possible?

<img src='pic.png'>
<div id='block'>
<p>Somebody
</div>
</img>

I know I should just use div and background-image but I want to use the property auto

img{width:50%; height:auto;}

If I use div , using auto won’t works because it won’t know the background-image size and will not adjust the div depends on the image ratio aspect.

Answer 1

img it’s an inline tag, so it shouldn’t have descendant elements.

The IMG element embeds an image in the current document at the location of the element’s definition. The IMG element has no content; it is usually replaced inline by the image designated by the src attribute, the exception being for left or right-aligned images that are “floated” out of line.

Source