Why spacing feels hard at first
Full lesson content unlocks in the student player.
CSS Foundations · Lesson 6 of 11
Margin, Padding, and Spacing
Learn the difference between margin and padding so spacing stops feeling random and starts feeling controllable.
Starter
4 practice exercises
1 homework item
What you will learn
- Distinguish margin from padding in plain language.
- Understand the beginner box model idea.
- Recognize how spacing affects readability.
- Use margin and padding as different tools instead of mixing them together.
Lesson shape
15 minute lesson with 5 sections, 4 exercises, 5 checkpoint questions, and 1 homework submission.
This track requires the Starter plan.
Lesson outline
What this lesson includes
This lesson is available with the Starter membership. Create an account to open the full student player, exercises, quiz, and completion tracking.
What padding means
Full lesson content unlocks in the student player.
What margin means
Full lesson content unlocks in the student player.
A calm box model idea
Full lesson content unlocks in the student player.
What to remember before lesson 7
Full lesson content unlocks in the student player.
Homework
Assignments attached to this lesson
Text response
Open homework
Margin, Padding, and Spacing: quick check
Write a short beginner explanation of the main idea from Margin, Padding, and Spacing.
Keep moving
Finish this lesson, then move forward without losing your place.
Use the student player for saved sections, safe practice, quiz progress, and completion tracking.