padding-bottom

The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element. The padding area is the space between the content of the element and it’s border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.

Syntax

padding-bottom: 0.5em;
padding-bottom: 0;
padding-bottom: 2cm;
padding-bottom: 10%

padding-bottom: inherit

Example

<!DOCTYPE html>
<html>
    <head>
        <style>
            .p1 {
                padding-bottom: 5%;
            } .p2 {
                padding-bottom: 10px; /* on all sides 10px padding */
            }
        </style>
    </head>
    <body>
        <p class="p1">
            The quick brown red fox jumps over the lazy dog
        </p>
        <p class="p2">
            The quick brown red fox jumps over the lazy dog
        </p>
    </body>
</html>