Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS position property</title> <style> h1 { position: absolute; top: 100px; left: 150px; padding: 30px; font-family: Arial, sans-serif; background: #9acd32; } </style> </head> <body> <h1>Absolute Positioning</h1> <p><strong>Note:</strong> The heading below is absolutely positioned 100px from the top edge, and 150px from the left edge of the viewport.</p> </body> </html>