CSS marginleft Property (original) (raw)

CSS margin-left Property

Last Updated : 28 May, 2026

The margin-left property in CSS is used to set the space on the left side of an element. It helps control the positioning and spacing of elements in a webpage layout.

• It specifies the width of the left margin of an element.
• Negative values are allowed in the margin-left property.
• Positive values increase space, while negative values bring elements closer together.

**Syntax:

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

**Default Value: Its default value is 0.

**Property values:

• **length: Sets a fixed value defined in px, cm, pt. Negative values as mentioned earlier are allowed. 0 px is the default value.

margin-left: 15px;

**Example 1:

html `

This paragraph has 15px margin .

`

**Example 2:

html `

This paragraph has 20% margin .

`

• ****auto :**It is used when it is desired that the browser determines the width of the left margin.

margin-left: auto;

**Example:

html `

This paragraph has auto margin .

`

• ****initial :**It is used to set the value of the margin-left property to its default value.

margin-left: initial;

**Example:

html `

This paragraph has initial margin .

`

• ****inherit :**It is used when it is desired that the element inherit the margin-left property of its parent as its own.

margin-left: inherit;

**Example 1:

html `

`

**Example 2:

html `

This paragraph has auto margin .

  <p style = "margin-left:10px; border-style:solid ; 
              border-color:black;">
     This paragraph has 10px margin.
  </p>
  <br>
  
  <p style = "margin-left:5%;border-style:solid; 
              border-color: black;">
     This paragraph has 5% margin.
  </p>
  <br>
  
  <p style = "margin-left:15px; border-style:solid;
              border-color: black;">
     This text has an margin of 15px.
  </p>
  <br><br>   

  <p style = "margin-left:initial;border-style:solid;
              border-color: black;">
     This text has a margin of default
     typeset by initial
  </p>   

`