# Отступы

## Внутренние отступы (padding) <a href="#padding" id="padding"></a>

Общие отступы (*padding*): От <mark style="color:orange;">`.p-0`</mark> до <mark style="color:orange;">`.p-100`</mark> с шагом 4

Отступы по верхнему и нижнему краям (*padding-top/padding-bottom*): От <mark style="color:orange;">`.py-0`</mark> до <mark style="color:orange;">`.py-100`</mark> с шагом 4

Отступы по левому и правому краям (*padding-left/padding-right*): От <mark style="color:orange;">`.px-0`</mark> до <mark style="color:orange;">`.px-100`</mark> с шагом 4

Отступы по левому и правому краям (*padding-left/padding-right*): От <mark style="color:orange;">`.px-0`</mark> до <mark style="color:orange;">`.px-100`</mark> с шагом 4

Отступы по левому краю (*padding-left*): От <mark style="color:orange;">`.pl-0`</mark> до <mark style="color:orange;">`.pl-100`</mark> с шагом 4

Отступы по правому краю (*padding-right*): От <mark style="color:orange;">`.pr-0`</mark> до <mark style="color:orange;">`.pr-100`</mark> с шагом 4

Отступы по верхнему краю (*padding-top*): От <mark style="color:orange;">`.pt-0`</mark> до <mark style="color:orange;">`.pt-100`</mark> с шагом 4

Отступы по нижнему краю (*padding-bottom*): От <mark style="color:orange;">`.pb-0`</mark> до <mark style="color:orange;">`.pb-100`</mark> с шагом 4

## Внешние отступы (margin) <a href="#margin" id="margin"></a>

Общие отступы (*margin*): От <mark style="color:orange;">`.m-0`</mark> до <mark style="color:orange;">`.m-100`</mark> с шагом 4

Отступы по верхнему и нижнему краям (*margin-top/margin-bottom*): От <mark style="color:orange;">`.my-0`</mark> до <mark style="color:orange;">`.my-100`</mark> с шагом 4

Отступы по левому и правому краям (*margin-left/margin-right*): От <mark style="color:orange;">`.mx-0`</mark> до <mark style="color:orange;">`.mx-100`</mark> с шагом 4

Отступы по левому и правому краям (*margin-left/margin-right*): От <mark style="color:orange;">`.mx-0`</mark> до <mark style="color:orange;">`.mx-100`</mark> с шагом 4

Отступы по левому краю (*margin-left*): От <mark style="color:orange;">`.ml-0`</mark> до <mark style="color:orange;">`.ml-100`</mark> с шагом 4

Отступы по правому краю (*margin-right*): От <mark style="color:orange;">`.mr-0`</mark> до <mark style="color:orange;">`.mr-100`</mark> с шагом 4

Отступы по верхнему краю (*margin-top*): От <mark style="color:orange;">`.mt-0`</mark> до <mark style="color:orange;">`.mt-100`</mark> с шагом 4

Отступы по нижнему краю (*margin-bottom*): От <mark style="color:orange;">`.mb-0`</mark> до <mark style="color:orange;">`.mb-100`</mark> с шагом 4

Автоматические отступы: <mark style="color:orange;">`.mx-auto`</mark>, <mark style="color:orange;">`.my-auto`</mark>, <mark style="color:orange;">`.m-auto`</mark>