Write an html program on layers using DIV tag?
Program: <html> <head> <title>Layering Text</title> </head> <body> <h1>Lay...
https://www.computersprofessor.com/2016/06/write-html-program-on-layers-using-div.html?m=0
Program:
<html>
<head>
<title>Layering Text</title>
</head>
<body>
<h1>Layering Text</h1>
<div style="z-index:2;left:50px;top:250px;
position:absolute;color:red;text:white;
font-size:36pt;border:thin-groove;">
<p>This is the higher layer</p>
</div>
<div style="z-index:1;left:100px;top:225px:
position:absolute;font-size:46pt;color:magenta;
background-color:yellow;border:thin groove">
<p>some more text</p>
</div>
<div style="z-index:4;left:10;top:30px;width:150px;
color:black;font-size:18pt;">
<p>some text placed in a box that doesn't go right
across the screen</div>
<div style="position:absolute;top:300px;left:500px;
width:25;background-color:#aeae00;color:blue;
font-size:16pt;font-style:italic;z-index:2">
<p>And in the bottom right corner</div><hr>
</body>
</html>
Output:
