CSS padding-bottom

Previous Next

Demo of the different values of the padding-bottom property.

Click the property values below to see the result:

padding-bottom: 0;
padding-bottom: 10px;
padding-bottom: 25px;
padding-bottom: 50px;
padding-bottom: 10%;
padding-bottom: 20%;
See this blue div element with different padding-bottom values.
See this blue div element with different padding-bottom values.
See this blue div element with different padding-bottom values.
See this blue div element with different padding-bottom values.
See this blue div element with different padding-bottom values.
See this blue div element with different padding-bottom values.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯