Power of Padding

 What is Padding ?
  • Padding used to generate space around the content.
  • Padding present in between border & content.
  • Margins are the spaces outside the border. 


Properties :
  • Padding: 10px this means 10 px of padding would be provided to each side of the element  i.e. top,left,right and bottom.
  • Padding: 10px,5px then it means 10px of padding for top and bottom, and 5px of padding for left and right.
  • Padding allows us to specify each side's padding separately. 
     Padding-left: 15px        Padding-right: 15px       Padding-top: 10px     Padding-bottom: 10px. 

Examples :