<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Box Formatting Model</title> <style> div { width: 350px; height: 130px; padding: 15px; border: 15px solid purple; margin: 25px auto; } </style> </head> <body> <div>CSS Box Model Diagram This area contains the actual content of an element, including text and images. It also sometimes has a background-color or background-image. The Box Model is a CSS layout mechanism that the web browser uses to render content organized by box-shaped elements</div> </body> </html>