HTML for Kids: A Beginner’s Course | HTML and CSS

✅ Description:

Understand how every HTML element is a box with padding, borders, and margins.

📘 Explanation:

The box model includes:

  • Content

  • Padding (inside space)

  • Border

  • Margin (outside space)

💻 Code Example (css):

 
.box {
padding: 20px;
border: 2px solid black;
margin: 10px;
}
 

🛠️ Exercise:

  • Create 3 boxes with different colors.

  • Use padding and margin to space them out.

  • Add a border to each.