margin-bottom

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

!The effect of the CSS margin-bottom property on the element box

This property has 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).

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 browser selects a suitable value to use. See margin.

Syntax example: margin-bottom: 10px; /* An absolute length */