CSS padding-bottom Property

Set the bottom padding for a <p> element to 25 pixels:

p.ex1 {
padding-bottom: 25px;

Try it Yourself »

More “Try it Yourself” examples below.

Definition and Usage

An element’s padding is the space between its content and its border.

The padding-bottom property sets the bottom padding (space) of an element.

Note: Negative values are not allowed.

Default value: 0
Inherited: no
Animatable: yes. Read about animatable – Try it
Version: CSS1
JavaScript syntax: object.style.paddingBottom=”50px”Try it

CSS Syntax

padding-bottom: length|initial|inherit;

Property Values

Value Description
length Specifies a fixed bottom padding in px, pt, cm, etc. Default value is 0.
% Specifies a bottom padding in percent of the width of the element
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit