The CSS Box Model

Every element is a box with:

• Content: The actual content
• Padding: Space inside border
• Border: Line around padding
• Margin: Space outside border

div {
  padding: 20px;      /* Space inside */
  margin: 10px;       /* Space outside */
  border: 2px solid black;
}

Individual Sides:

padding-top: 10px;
padding-right: 20px;
margin-left: 15px;

Task: Create a box with 20px padding, 10px margin, and 1px solid border.