CSS margin-left Property

Set the left margin for a <p> element to 30 pixels:

p.ex1 {
margin-left: 30px;
}

More "Try it Yourself" examples below.

Definition and Usage

The margin-left property sets the left 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.marginLeft="100px" Try it

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

Property
margin-left	1.0	6.0	1.0	1.0	3.5

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

Value	Description	Demo
length	Specifies a fixed left margin in px, pt, cm, etc. Default value is 0px. Negative values are allowed. Read about length units	Demo ❯
%	Specifies a left margin in percent of the width of the containing element	Demo ❯
auto	The browser calculates a left margin	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Set the left margin for a <p> element to 10% of the width of the container:

p.ex1 {
margin-left: 10%;
}

Set the left margin for a <p> element to 2 em:

p.ex1 {
margin-left: 2em;
}

CSS tutorial: CSS Margin

HTML DOM reference: marginLeft property