Tóm Tắt

CSS

margin-left

Property

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

p.ex1 {

margin-left: 30px;
}

Try it Yourself »

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.

Show demo ❯

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;

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

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

Try it Yourself »

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

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

Try it Yourself »

CSS tutorial: CSS Margin

HTML DOM reference: marginLeft property