• CSS Properties
  • top
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
    .box {
6
        position: relative;
7
        width: 300px;
8
        height: 200px;
9
        border: 2px solid #00ab55;
10
    }
11
    .inner-box {
12
        position: absolute;
13
        top: 50px;
14
        width: 100px;
15
        height: 100px;
16
        border: 2px solid #ff4842;
17
    }
18
</style>
19
</head>
20
<body>
21
​
22
<h1>The top property</h1>
23
​
24
<div class="box">This div element has position: relative;
25
    <div class="inner-box">This div element has position: absolute and top: 50px.</div>
26
</div>
27
​
28
</body>
29
</html>