The layout is one of the most powerful tools you can use in CSS — it can completely change how your website looks. But before moving on to that, we still need to learn a little bit of theory.

CSS Box Model

• The CSS Box Model is a series of positioning properties designed to help with layout.
• Each property works in a different way and positions the item with different spacing.
• The Box Model is the most commonly used way to position items.

Content

The content of the box, where text and images appear.

Padding

It’s the transparent space between the content and the border.

It’s meant to give more room around the content itself.