position absolute example

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>

Latest
Previous
Next Post »

5 comments

Write comments
Mohit Verma
AUTHOR
7 May 2018 at 00:51 delete

I 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.
Thanks and Regards,
Mohit Verma
Seo Company in Lucknow |Seo Services in Lucknow

Reply
avatar
Sam Davis
AUTHOR
7 May 2018 at 02:46 delete

Thank you so much for taking effort to share such a useful information. I will definitely share this great post in my articles. web development.

Reply
avatar
19 May 2018 at 00:40 delete

Thanks for your article and sharing your expertise, it's really appreciated.It helped me a lot for what i was searching for
Web Development and Digital Marketing company India

Reply
avatar