CSS margin-bottom Property


Set the bottom margin for a <p> element:

p {
    margin-bottom: 2cm;

Try it yourself »

Definition and Usage

The margin-bottom property sets the bottom margin of an element.

Note: Negative values are allowed.

Default value: 0
Inherited: no
Animatable: yes, see individual properties. Read about animatable Try it
Version: CSS1
JavaScript syntax: object.style.marginBottom="100px" Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

margin-bottom 1.0 6.0 1.0 1.0  3.5

CSS Syntax

margin-bottom: length|auto|initial|inherit;

Property Values

Value Description Play it
length Specifies a fixed bottom margin in px, pt, cm, etc. Default value is 0 Play it »
% Specifies a bottom margin in percent of the width of the containing element Play it »
auto The browser calculates a bottom margin Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit

Related Pages

CSS tutorial: CSS Margin

HTML DOM reference: marginBottom property




Search w3schools.com:

Translate w3schools.com: