Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser
Learn

Box dimensions and borders are just the beginning of the vast number of box properties you can modify in CSS.

In this lesson, you'll learn how to modify the spacing around the content inside of the box. This concept is critical in understanding how to customize the way content is displayed to users.

Let's begin!

Instructions

To get started, add the following code to style.css (it will help you better understand the box model):

* { border: 1px solid rgba(0, 0, 0, 0.3); }
Report a Bug
If you see a bug or any other issue with this page, please report it here.