The Box Model

Padding, Margin, Border, and More!

Box Model

"In a document, each element is represented as a rectangular box.

In CSS, each of these rectangular boxes is described using the standard box model.

Each box has four edges: the margin edge, border edge, padding edge, and content edge."

- MDN

Box Model

• Content
• Padding
• Border
• Margin