Margin
The Height CSS property will set the current margin of an element.
Usage
Place the margin utility class on an element that you want to change the margin property for.
### Modifier selectors| Modifier selector | Description |
|---|---|
slb-m-8 |
Set the margin to 8px |
slb-{mt/mb/ml/mr}-8 |
Set top/bottom/left/right margin to 8px |
slb-m-12 |
Set the margin to 12px |
slb-{mt/mb/ml/mr}-12 |
Set top/bottom/left/right margin to to 12px |
slb-m-16 |
Set the margin to 16px |
slb-{mt/mb/ml/mr}-16 |
Set top/bottom/left/right margin to to 16px |
slb-m-24 |
Set the margin to 24px |
slb-{mt/mb/ml/mr}-24 |
Set top/bottom/left/right margin to to 24px |
slb-m-32 |
Set the margin to 32px |
slb-{mt/mb/ml/mr}-32 |
Set top/bottom/left/right margin to to 32px |
slb-m-40 |
Set the margin to 40px |
slb-{mt/mb/ml/mr}-40 |
Set top/bottom/left/right margin to to 40px |
slb-m-48 |
Set the margin to 48px |
slb-{mt/mb/ml/mr}-48 |
Set top/bottom/left/right margin to to 48px |
slb-m-80 |
Set the margin to 80px |
slb-{mt/mb/ml/mr}-80 |
Set top/bottom/left/right margin to to 80px |
.slb-m-8 - 8px margin around the element.
Margin example
.slb-mt-8 - 8px margin top of the element.
Margin example
.slb-mb-8 - 8px margin bottom of the element.
Margin example
.slb-ml-8 - 8px margin left of the element.
Margin example
.slb-mr-8 - 8px margin right of the element.
Margin example
.slb-m-12 - 12px margin around the element.
Margin example
.slb-mt-12 - 12px margin top of the element.
Margin example
.slb-mb-12 - 12px margin bottom of the element.
Margin example
.slb-ml-12 - 12px margin left of the element.
Margin example
.slb-mr-12 - 12px margin right of the element.
Margin example
.slb-m-16 - 16px margin around the element.
Margin example
.slb-mt-16 - 16px margin top of the element.
Margin example
.slb-mb-16 - 16px margin bottom of the element.
Margin example
.slb-ml-16 - 16px margin left of the element.
Margin example
.slb-mr-16 - 16px margin right of the element.
Margin example
.slb-m-24 - 24px margin around the element.
Margin example
.slb-mt-24 - 24px margin top of the element.
Margin example
.slb-mb-24 - 24px margin bottom of the element.
Margin example
.slb-ml-24 - 24px margin left of the element.
Margin example
.slb-mr-24 - 24px margin right of the element.
Margin example
.slb-m-32 - 32px margin around the element.
Margin example
.slb-mt-32 - 32px margin top of the element.
Margin example
.slb-mb-32 - 32px margin bottom of the element.
Margin example
.slb-ml-32 - 32px margin left of the element.
Margin example
.slb-mr-32 - 32px margin right of the element.
Margin example
.slb-m-40 - 40px margin around the element.
Margin example
.slb-mt-40 - 40px margin top of the element.
Margin example
.slb-mb-40 - 40px margin bottom of the element.
Margin example
.slb-ml-40 - 40px margin left of the element.
Margin example
.slb-mr-40 - 40px margin right of the element.
Margin example
.slb-m-48 - 48px margin around the element.
Margin example
.slb-mt-48 - 48px margin top of the element.
Margin example
.slb-mb-48 - 48px margin bottom of the element.
Margin example
.slb-ml-48 - 48px margin left of the element.
Margin example
.slb-mr-48 - 48px margin right of the element.
Margin example
.slb-m-80 - 80px margin around the element.
Margin example
.slb-mt-80 - 80px margin top of the element.
Margin example
.slb-mb-80 - 80px margin bottom of the element.
Margin example
.slb-ml-80 - 80px margin left of the element.
Margin example
.slb-mr-80 - 80px margin right of the element.
Margin example