> For the complete documentation index, see [llms.txt](https://olise-eke.gitbook.io/frontend-tutorial-for-beginners/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://olise-eke.gitbook.io/frontend-tutorial-for-beginners/overview/css/css-margins.md).

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