Padding

• The padding property creates space around an element's content, inside of any defined margins and/or borders.
• Padding values are set using lengths or percentages and cannot accept negative values.
• the default value for all padding propertis is 0.

• Padding in CSS has
  • Padding-Top 
  • Padding-Bottom
  • Padding-Right 
  • Padding-Left 

• Padding:10px ; means top, bottom and right, left paddings are 10px.
• Padding:10px 20px ; means top and bottom paddings are 10px,right and left padding s are 20px.
• Padding:10px 20px 30px ; means top padding is 10px, right and left paddings are 20px, bottom padding is 30px.
• Padding:10px 20px 30px 40px ; means top padding is 10px,right padding is 20px, bottom padding is 30px, left padding is 40px.

Padding Examples :