1<!DOCTYPE html>
2<html>
3<head>
4 <style>
5 div{
6 position: fixed;
7 bottom: 0;
8 right: 0;
9 background: #05ffb0;
10 border: 2px solid red;
11 padding: 10px;
12 }
13 </style>
14</head>
15<body>
16 <h1>CSS Position - Fixed</h1>
17 <div>
18 This div element has position fixed.
19 </div>
20 <p><strong>Note: </strong>The div element is positioned in the bottom-right corner. It stays in the same position even if you scroll down the page.</p>
21 <p><strong>Activity: </strong>Change bottom and right properties values and click on the Run button for clear understanding.</p>
22</body>
23</html>