Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

How do I place text over an image?

Anonymous User 2625 17 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.

Ask by Anonymous User

Updated 17 Dec 2012

1 Answers

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>

MindStick Training

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.