Web Development / CSS
Lesson 11 of 30
The box model
Every element is a box: content, then padding, then border, then margin. box-sizing: border-box makes widths include padding and border, which is much easier.
Key points
- Padding is inside the border
- Margin is outside
- Use box-sizing: border-box
*, *::before, *::after { box-sizing: border-box; }Quiz · +10 XP
Which space is outside an element's border?
Log in to save progress and earn XP.