# CSS Margins

These are some of the commonly used CSS properties related to margins:

**margin-top, margin-right, margin-bottom, and margin-left:** these properties allow you to set the individual margins of each side of an element. For example, `"margin-left: 10px;"` will create a margin of 10 pixels on the left side of an element.

**margin:** this property allows you to set all four margins at once, in the order of top, right, bottom, and left. For example, **"margin: 10px 20px 10px 20px;"** will create a margin of 10 pixels on the top and bottom, and 20 pixels on the right and left.

**margin:auto:** this property allows you to center an element horizontally within its container. For example, `"margin: 0 auto;"` will center the element horizontally.

**margin-collapse:** this property is used when two or more elements have adjacent margins. It specifies how the margins should collapse into a single margin. The possible values are `"collapse", "separate", and "inherit"`.

**padding:** this property sets the amount of space between the element's content and its border. For example, `"padding: 10px;"` will create a padding of 10 pixels around the element's content.