CSS padding-bottom Property

The padding-bottom property sets the size of the bottom inner spacing of an element. This space is added between the content of the element and its bottom edge. Negative values are not allowed.

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS padding-bottom Examples</title>
    <style>
        .example1 {
            border: 2px solid #4CAF50 !important;
            padding-bottom: 30px;
            margin-bottom: 10px;
            background-color: #E8F5E9;
            color: black !important;
        }
        .example2 {
            border: 2px solid #2196F3 !important;
            padding-bottom: 50px;
            background-color: #E3F2FD;
            color: black !important;
        }
    </style>
</head>
<body>
    <p class="example1">This paragraph has a bottom padding of 30px</p>
    <p class="example2">This paragraph has a bottom padding of 50px</p>
</body>
</html>

RESULT