↔️ CSS Margin Properties

CSS Margin Properties control the space around HTML elements, outside of their borders. They are essential for creating separation between elements and improving layout structure.

Margins can be set individually (top, right, bottom, left), or using shorthand notation with 1 to 4 values. You can also use auto or even negative margins to shift elements.

The margin property sets all four margins using one value.

You can set margin-top, margin-right, margin-bottom, and margin-left separately for more control.

The margin property can take two values: vertical (top & bottom) and horizontal (left & right).

With three values: first is top, second is left & right, third is bottom.

Four values are applied in clockwise order: top, right, bottom, left.

Use margin: auto; to center block elements horizontally (requires fixed width).