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