Run
Tutorial With Example
Run your live code
<!DOCTYPE html> <html> <head> <title>CSS Positioning</title> <style> .box { padding: 20px; background: #7dc765; } </style> </head> <body> <div class="box"> <h1>Static Positioning</h1> <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> </div> </body>