CSS Padding

Definition

CSS padding define the space between the element border and the element content. The top, right, bottom, and left padding can be changed  using separate properties. 

Padding This parameter lets you specify the padding (like cellpadding with normal tables) at the top of an element. The padding will have the same background colour as the element does. H1 {padding: 10px;}

padding-top This parameter lets you specify the padding (like cellpadding with normal tables) at the top of an element. The padding will have the same background colour as the element does. H1 {padding-top: 5px;}

padding-right This parameter lets you specify the padding (like cellpadding with normal tables) to the right of an element. The padding will have the same background colour as the element does.

H1 {padding-right: 5px;}

padding-bottom This parameter lets you specify the padding (like cellpadding with normal tables) at the bottom of an element. The padding will have the same background colour as the element does.

H1 {padding-bottom: 5px;}

padding-left This parameter lets you specify the padding (like cellpadding with normal tables) to the left of an element. The padding will have the same background colour as the element does.

H1 {padding-left: 5px;}