padding-top

The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.

Example

<!DOCTYPE html>
<html>
    <head>
        <style>
            .p1 {
                padding-top: 5%; 
            } .p2 {
                padding-top: 10px;  
            }
        </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>