Run

Tutorial With Example

Run your live code

 
17
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
           <title>CSS Positioning</title>
5
<style>
6
.box {
7
    padding: 20px;
8
    background: #7dc765;
9
}
10
  </style>
11
</head>
12
<body>
13
      <div class="box">
14
           <h1>Static Positioning</h1>
15
           <p>The positioning of a static positioned element is according to the normal flow of the page. The positioning of HTML elements is static by default. The elements that are statically positioned are not affected by the left, right, top, bottom, and z-index properties.</p>
16
     </div>
17
</body>