-
Notifications
You must be signed in to change notification settings - Fork 0
/
position.html
32 lines (32 loc) · 1.13 KB
/
position.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<html>
<head>
<title>Position</title>
<style>
h1{
background-color:blue;
position:relative;
z-index:2;
}
h2{
background-color:green;
position:relative;
left:25px;
top:-25px;
}
p{
background-color:yellow;
position:relative;
left:30px;
top:-50px;
z-index:3;
}
</style>
</head>
<body>
<h1>Position and Z index property</h1>
<h2>Flow of html elements</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea architecto deleniti aperiam consequatur mollitia, illo possimus reprehenderit adipisci vel iste harum perspiciatis quisquam eum officiis? Voluptatem excepturi debitis ut nihil
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Explicabo delectus sint quibusdam blanditiis? Ipsam nam accusamus optio omnis minima dolore eum amet, in animi culpa a eligendi, commodi ullam odio.
</p>
</body>
</html>