Lesson 31 - Module 4: Box Model & Layout
The Box Model 📦
Every element is a box with content, padding, border, and margin!
📦
Everything is a Box!
Every element in HTML is actually a rectangular box with four parts!
Margin (space outside)
Border (the outline)
Padding (space inside)
Content
The Four Parts:
- 1. Content - Your text/images
- 2. Padding - Space inside the box
- 3. Border - The box outline
- 4. Margin - Space outside the box
Remember:
Think of it like a gift box - the gift (content) is wrapped in tissue paper (padding), in a box (border), with space around it (margin)!