All HTML elements can be considered boxes. The CSS box model represents the design and layout of the site. It consists of margins, borders, paddings, and the actual content.
The properties work in the same order: top, right, bottom, and left.
The image below illustrates the box model: