Demonstrating the Box Model

The CSS box model is a box that wraps around every HTML element. It has content, padding, a border, and a margin.

This text is the content of the box. The padding, border, and margin sit around it.