CSS padding-bottom Property

The padding-bottom property in CSS is used to add space between the content and the bottom border of an element. It helps create proper spacing and improves the layout design.

• It sets the height of the bottom padding area of an element.
• Padding is the space between the content and the border.
• The value can be specified using units like px, %, or em.

Syntax:

padding-bottom: length | percentage;

Property values:

• length: This value is used to specify the size of padding as a fixed value. The default value is 0. It must be non-negative. 
• percentage: This type of value is used to specify the bottom padding in percent of the width of the element. It must be non-negative. 

Example 1: Here, we are using padding-bottom: length; property.

Example 2: Here, we are using padding-bottom: percentage; property.