11-CSS Padding Properties


The CSS padding properties are used to generate space around content written in a paragraph or a block in a web page.

CSS has different paddings available:

  • padding-top
  • padding-right
  • padding-bottom
  • padding-left



  1. <h2>padding Shorthand Property:</h2>
  2. This is a paragraph which has no specified padding. A simple paragraph only
  3. <p class="property">This paragraph has a top and bottom padding of 60px, a left padding of 90px and a right padding of 40px.</p>
  4. &nbsp;
Facebook Comments
Previous article10-CSS Margin Properties
Next articleHow to use CSS Links
Hello Itsourcecoders, welcome to itsourcecode.com. I'm Joken Villanueva, MIT a passionate Blogger, Programmer and a Hobbyist. I started Itsourcecode because I wanted to give back and Share all the learnings and knowledge I've learned in my career and I believe through this website I would be able to help and assist those newbie programmers in enhancing their skills from different programming languages. So let us all help each other by sharing our ideas!


Please enter your comment!
Please enter your name here