Styling

Margin

This is the space "around" the element

Padding

This the space between the element and what is "inside"

padding: 10px 

padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px

padding: 10px 20px 

padding-top:10px;padding-bottom:10px
padding-left:20px;padding-right:20px

padding: 10px 20px 30px 

padding-top:10px
padding-left:20px;padding-right:20px
padding-bottom:30px

padding: 10px 20px 30px 40px 

padding-top:10px
padding-right:20px
padding-bottom:30px
padding-left:40px