Padding

Padding is the spacing between the text/content and the border.

• You can use padding for all over the element.
• It clears an area around the content of an element inside the border.
• There are properties for setting the padding for each side of an element.

 

We can specify padding for each side of an rectangle separately.

• Padding properties can be specified in px, in, cm, %, etc.
• We can also inherit the padding property from parent element.

Cell padding and Cell spacing :

Cell padding is used to specify the distance between the cell contents and its boundaries.

• It is an important formatting feature of web document.
• Default value is zero.

Cell spacing is an important attribute which increases the space between the cells of the table.

• You can increase the border of the table.
• Default value is also zero.

 

Examples of Padding :