<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS Static Positioning</title> <style> .box{ color: pink; background:purple; padding: 25px; } .container{ padding: 55px; margin: 55px; position: relative; border: 7px solid black; font-family: Arial, sans-serif; } .container p{ line-height: 55px; } </style> </head> <body> <div class="container"> <div class="box"> <h5>Static Positioned Box</h5> <div><strong>Note:</strong> This box is positioned static, which is default. It is always positioned according to the normal flow of the page.</div> </div> <p>The Taj Mahal, is an ivory-white marble mausoleum on the right bank of the river Yamuna in the Indian city of Agra. </p> <p>It was commissioned in 1632 by the Mughal emperor Shah Jahan to house the tomb of his favourite wife, Mumtaz Mahal; it also houses the tomb of Shah Jahan himself.</p> </div> </body> </html>