Web development

CSS padding-bottom Property

CSS padding-bottom Property

The space between the content and its border is named padding.

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


Click the “Try it” button to change the padding-bottom property of the paragraph:

This is a paragraph.


padding-bottom: length;

length – defines fixed bottom padding in px, cm, etc.


<!DOCTYPE html>
p.ex1 {
  border: 1px solid #333; 
  padding-bottom: 15px;

<p class="ex1">This is a paragraph with a 15px bottom padding.</p>



This is a paragraph with a 15px bottom padding.

Enjoy coding!

Read also:

CSS margin-bottom Property

CSS border-bottom Property

CSS Outline