BOXXXX TIMEE

Here is how you make a box in HTML.

First, Make a CSS class, like so!:

    .my-box {
        

        width: 200px; /* Sets the width of the box */
        

        height: 100px; /* Sets the height of the box */
        

        background-color: white; /* Sets the background color */
        

        border: 2px solid navy; /* Adds a border (thickness, style, color) */
        

        padding: 15px; /* Adds space between the content and the border */
        

        margin: 20px; /* Adds space around the outside of the box */
        

        border-radius: 8px; /* Rounds the corners of the box */
        

    }

Then, make a div with the class that you made. In this case "my-box". So, when you make a div, place class="my-box" inside of the div.

Result:

Super mega box content

Layout #1

If you are going to use my layout, leave the console.log script, and the footer script in.

Download

Layout Demo

Layout #2

If you are going to use my layout. Leave the footer script in.

Download

Layout Demo

Layout #3

If you are going to use my layout. Leave the main content credit script and/or the footer script in.

Download

Layout Demo