CSS margin-right

The margin-right CSS property sets the margin space on the right side of an element.

This property can be set using different units such as pixels, em, rem, and percentages.

Here's how the margin-right property works:

Result:


    <div style="background-color: lightblue; margin-right: 20px;">
      This is a div element with a margin-right of 20px.
    </div>

This is a div element with a margin-right of 20px.

In the example above, the div element has a margin-right of 20 pixels, creating space on the right side of the element.

Here's another example using percentages:

Result:


    <p style="background-color: lightgreen; margin-right: 10%;">
      This is a paragraph element with a margin-right of 10%.
    </p>

This is a paragraph element with a margin-right of 10%.

In this example, the p element has a margin-right of 10%, creating space on the right side of the element based on its parent's width.

Experiment with different values for the margin-right property to see how it affects the spacing of elements on your webpage.