# Отступы margin для разных сторон в CSS

Для того, чтобы задать разные отступы для разных сторон существуют отдельные свойства: `margin-left` - для левой стороны, `margin-right` - для правой, `margin-top` - для верхней и `margin-bottom` - для нижней.

Давайте посмотрим на примере:

`<div id="parent"> <div id="child"></div> </div>` `#parent { width: 300px; border: 1px solid red; } #child { margin-top: 10px; /* сверху */ margin-right: 20px; /* справа */ margin-bottom: 30px; /* снизу */ margin-left: 40px; /* слева */ height: 100px; border: 1px solid green; }`

:

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

Повторите страницу по данному образцу:

← →
↑