2. Demonstration of the CSS Box Model.


   <!DOCTYPE html>
    <html>
    <head>
    <style>
    div {
        background-color: lightgrey;
        width: 300px;
        border: 25px solid green;
        padding: 25px;
        margin: 25px;
    }
    </style>
    </head>
    <body>

    <h2> The Box Model</h2>

    <p>The CSS box model is essentially a box.</p>

    <div>This text is the actual content of the box. We have added margin, padding, border, width and background-color.</div>

    </body>
    </html>

Output

        No Output Available