ForumEasy.com

Edit Your Code:
<html>
  <head>
    <style>

     /* edit or add your own CSS code here */

    div {
        background-color: #ACF;
        /* margin-box */
        margin: 10px 20px 30px 40px;  /*top right bottom left*/
        /* border-box */
        border: 30px solid #0000FF; 
        /* padding-box */
        padding: 40px; 
        /* content-box */
        color: red;
    }


    </style>
  </head>
  
  <body>

   <h2>CSS Boxes Example</h2>

    <p>In this example, the element DIV's boxes are highlighted.</p>
    
    <DIV>In this DIV element exists a wording paragraph. The element will be displayed in a rectangular box stretching from left to right provided the device allows. This box is called <b>content-box</b>. Around the content-box is the <b>padding-box</b> which provides some spaces preventing the content to be squeezed unto <b>border-box</b>. At the most outside lays the <b>margin-box</b> which provides some cushion spaces between this border and other elements.
    </DIV>

  </body>
</html>
Result Output:

Home » Sandbox