Padding in CSS

What is Padding ?
Internal given margin is known as Padding

Syntax for using Padding
padding:value in with unit

Example:- padding:10px;
Note :- In this example it value is 10 and unit is px.
we can use other unit also (in,cm,mm,pt etc)
Example(Background Color)

This paragraph has No Padding

This paragraph has 10px padding in it

<p style='border:1px solid navy;'>This paragraph has No Padding </p>
<p style='border:1px solid navy;padding:10px'>This paragraph has 10px padding in it</p>

For Apply different-different padding

S No.Element Name Description
1padding-leftFor set left padding
2padding-rightFor set right padding
3padding-topFor set top padding
4padding-bottomFor set bottom padding
Example(Background Image)

This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding

This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding

This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding

This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding This paragraph has Padding

<h3 style="background-image:url('img/bg2.jpg')">Set Background Image</h3>