forum

Home / DeveloperSection / Forums / How do I place text over an image?

Ask Question

How do I place text over an image?

Anonymous User229817-Dec-2012
Hi every one,

From last night I'm trying to write text over on image. can you help in this problem!

Thanks in advance.
css-css3css-css3 
Updated on 17-Dec-2012
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

17-Dec-2012
Hi John Rob,

To place text or image over an image you use the position property. The below example is supported by IE 4.0. All you have to do is adapt the units to your need. 

<div style="position: relative; width: 200px; height: 100px"> 
<div style="position: absolute; top: 0; left: 0; width: 200px"> 
<image> 
</div> 
<div style="position: absolute; top: 20%; left: 20%; width: 200px"> 
Text that nicely wraps 
</div> 
</div>

Liked By