output::
<html>
<head>
<title>position absolute example </title>
<style type="text/css">
#Layer1 {
position:absolute;
width:200px;
height:184px;
left: 13px;
top: 25px;
background-color:orange;
}
#Layer2 {
position:absolute;
width:200px;
height:176px;
left: 255px;
top: 25px;
background-color:yellow;
}
#Layer3 {
position:absolute;
width:200px;
height:179px;
left: 498px;
top: 25px;
background-color:red;
}
.container{
background-color:black;
height:400px;
width:800px;
}
</style>
</head>
<body>
<div class=container>
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
</div>
</body>
</html>
<html>
<head>
<title>position absolute example </title>
<style type="text/css">
#Layer1 {
position:absolute;
width:200px;
height:184px;
left: 13px;
top: 25px;
background-color:orange;
}
#Layer2 {
position:absolute;
width:200px;
height:176px;
left: 255px;
top: 25px;
background-color:yellow;
}
#Layer3 {
position:absolute;
width:200px;
height:179px;
left: 498px;
top: 25px;
background-color:red;
}
.container{
background-color:black;
height:400px;
width:800px;
}
</style>
</head>
<body>
<div class=container>
<div id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
</div>
</body>
</html>
eCommerce Development Company India
ReplyDeletethanks
ReplyDeleteI look for such article along time, today I find it finally. This post give me a lots of advise it is very useful for me. I will pay more attention to you, I hope you can go on posting more such post; I will support you all the time. Thanks for sharing this blog.
ReplyDeleteThanks and Regards,
Mohit Verma
Seo Company in Lucknow |Seo Services in Lucknow
Good Web Development
ReplyDeleteNice Blog!
ReplyDeleteI can suggest you about
Web Development in Bangalore
good information about web designing http://cbitss.in/web-designing-training-in-chandigarh/ keep share more thank you for sharing
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteTrinine Webtech Seo Services Company In Lucknow
ReplyDelete