CSS padding-right

The padding-right property in CSS allows you to specify the amount of space between the content and the right border of an element. This property can be useful for creating spacing and alignment within your web page layout.

When using the padding-right property, you can specify the spacing in various units such as pixels, em, rem, percentages, etc. You can use this property on any HTML element to create padding on its right side.

Let's see an example to understand how the padding-right property works:

Result:

This is an example text with padding on the right side.

In the example above, we have applied padding-right: 20px; to a <div> element. This adds 20 pixels of space between the content and the right border of the <div> element.

It's important to note that the padding-right property affects only the right side of the element. If you want to create padding on multiple sides, you can use the padding property with values for each side (e.g., padding: 10px 20px 10px 20px;).

Here is an example using the padding property to add padding on all sides of an element:

Result:

This is an example text with padding on all sides.

Using the padding-right property can help you create clean and well-structured layouts in your web projects.