Week 2::
CSS BOX MODEL
Back

The CSS BOX MODEL, Understanding the relation of each of the shown box model elements can help you when it comes to your code.

Heres how the CSS looks:

Margins
To Set a common-width margin around the box.
Margin of 35 px
Which looks like:
margin-top: 35px;
margin-bottom: 35px;
margin-left: 35px;
margin-right: 35px;

Border
Creates a physical border around the box.
Border of 20 px
Which looks like:
border-top: 20px;
border-bottom: 20px;
border-left: 20px;
border-right: 20px;

Padding
Padding works pretty much the exact same way as margin, except it's inside any borders you've put in place.
Padding of 20 px
Which looks like:
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;