Box Model

The CSS box model is how every element on a webpage is structured—like a series of boxes wrapped around your content.

It includes:

• Content: The text or media
• Padding: Space around the content
• Border: The edge around padding
• Margin: Space outside the border

Understanding the box model is essential for spacing, layout, and responsive design.