<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Effect of CSS Padding on Element Box Size</title> <style> div { width: 100%; padding: 30px; background: purple; } </style> </head> <body> <div> <h1>Happy Morning..</h1> </div> <p><strong>Notice</strong>,This is a Main Topic..</p> </body> </html>