You can add space between elements in CSS using various properties like “margin” and “padding”.
1. Margin: Margin is the space around the outside of an element’s border. It is completely transparent and used to create space around elements.
Example:
```
div {
margin: 10px;
}
```
1. Padding: Padding is the space inside the border of an element. It is used to create some distance between the edge of the border and the content within that element.
Example:
```
div {
padding: 10px;
}
```
1. For grid and flex containers, you can use the `gap` property to creates grid-gaps or gutters. This CSS property is used especially when you want to add equal space between grid/flex items.
Example:
```
.container {
display: flex;
gap: 10px;
}
```
Note: These values can be adjusted according to your needs. You can use different units such as px, em, rem, % and so on, depending on what suits the design best.
