Text Over Text using CSS

thatraja

0/5 (0 vote)

Nov 24, 2011

CPOL

29177

Text Over Text using CSS

Description

After seeing this question[^] in Q/A section, I wanted the same thing in CSS, so I have tried & am now posting here.

Code

<html>
<head>
<title>Text Over Text</title>
</head>
<body>
<div style="position:absolute; top:0;left:0;">some text</div>
<div style="position:absolute; top:5;left:5;">some text</div>
<div style="position:absolute; top:10;left:10;">some text</div>
<br/>
<div style="position:absolute; top:110;left:100;">some text</div>
<div style="position:absolute; top:105;left:105;">some text</div>
<div style="position:absolute; top:100;left:110;">some text</div>
</body>
</html>

Browser Compatibility

I have tested this script in the following Web browsers:

Internet Explorer
Mozilla Firefox
Google Chrome
Safari
Opera