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:
Example 2:
- auto :It is used when it is desired that the browser determines the width of the left margin.
margin-left: auto;
Example:
- initial :It is used to set the value of the margin-left property to its default value.
margin-left: initial;
Example:
- 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:
Example 2:
