What better way to showcase the fundamental elements of CSS than starting with the most basic tags styled with CSS.

Demonstrating the Box Model

The CSS box model is essentially a box that wraps around every HTML element.

This content of the box has 50px padding, 20px margin and a 2em tomato solid border.

It consists of:

  • DIV Background Color = Corn Blue Flower
  • Content Background Color = Azura
  • Borders = Tomato 2em
  • Padding Left = 1em
  • Margins = 20px
  • Content Width = 500px