Lesson 4 of 8
The Box Model
Every HTML element is a box. The CSS box model consists of: content, padding, border, and margin.
Content is the actual text/image. Padding is space inside the border. Border wraps padding. Margin is space outside the border.
CSS
.box {
width: 200px;
padding: 20px;
border: 2px solid #333;
margin: 10px;
}