margin-right

The margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.

The vertical margins of two adjacent boxes may fuse. This is called margin collapsing.

Values: <length> The size of the margin as a fixed value. For anchor-positioned elements, the anchor-size() function resolves to a <length> value relative to the associated anchor element’s width or height (see Setting element margin based on anchor size).

Values: <percentage> The size of the margin as a percentage, relative to the inline size (width in a horizontal language, defined by writing-mode) of the containing block. auto The right margin receives a share of the unused horizontal space, as determined mainly by the layout mode that is used. If the values of margin-left and margin-right are both auto, the calculated space is evenly distributed. This table summarizes the different cases:

Syntax example: margin-right: 20px; /* An absolute length */