Свойство margin-bottom устанавливает
внешний отступ снизу элемента. Значением
свойства служат любые единицы
для размеров либо ключевое свойство auto,
предоставляющее браузеру самостоятельно вычислять
отступ элемента.
Синтаксис
селектор {
margin-bottom: значение;
}
Пример
Зададим блоку внешний отступ снизу в 50px:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-bottom: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
Смотрите также
-
свойство
margin-top,
которое задает внешний отступ сверху -
свойство
margin-left,
которое задает внешний отступ слева -
свойство
margin-right,
которое задает внешний отступ справа -
свойство
margin,
которое является сокращением для внешнего отступа -
свойство
padding,
которое задает внутренний отступ