margin

The margin CSS shorthand property sets the margin area on all four sides of an element.

This property can be used to set a margin on all four sides of an element. Margins create extra space around an element, unlike padding, which creates extra space within an element.

The top and bottom margins have no effect on non-replaced inline elements, such as <span> or <code>.

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).

Syntax example: margin: 1em;