Many times we would need to set margin for our objects. This will set the left margin of the object. It takes the following values. a)pt : You can set values in points. (e.g: 10pt or 100pt). b)px : You can set values in pixels. (e.g: 10px or 100px). c)% : You can set values in percentage. (e.g: 10% or 100%). d)auto : This will set a automatic / default margin.
Examples
Example 1:
<div style="margin-left: 20px;">testing left margin</div>
Result:
testing left margin
Note: You can see that the text has moved 20 pixels from left side.
Example 2:
<div style="margin-left: 30pt;">testing left margin</div>
Result:
testing left margin
Note: You can see that the text has moved 30 points from left side.
Example 3:
<div style="margin-left: 10%;">testing left margin</div>
Result:
testing left margin
Note: You can see that the text has moved 10 percentage from left side.
Example 4:
<div style="margin-left: auto;">testing left margin</div>