# The Box Model: Content, Padding, Border and Margin

Every element on a page is a box with four layers, content, padding, border and margin, and knowing them is how you control every bit of space on a page.

![Cheat sheet: The Box Model: Content, Padding, Border and Margin](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/085c8748a9dc45ae8e7176a79a9091a1.webp)

- Category: CSS
- Level: Novice
- Tags: Block, Border, Box model, CSS, Inline, Margin, Padding, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-box-model-cheat-sheet