CSS Property: padding-right

The padding-right property defines the size of the right inner spacing of an element. This property is particularly useful when styling texts and content blocks where you want to create space between the content and the right edge of the element.

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS padding-right Examples</title>
    <style>
        .content1 {
            border: 2px solid #3F51B5 !important;
            padding-right: 40px;
            background-color: #E8EAF6;
            color: black !important;
            margin-bottom: 15px;
        }
        .content2 {
            border: 2px solid #009688 !important;
            padding-right: 80px;
            background-color: #E0F2F1;
            color: black !important;
        }
    </style>
</head>
<body>
    <div class="content1">This element has right padding of 40px</div>
    <div class="content2">This element has right padding of 80px</div>
</body>
</html>

RESULT