padding-left property is used to set the padding on the left of an element. It is a longhand property for the
<length> : Specifies a left padding in px, pt, em, rem, cm, etc. Default value is 0. Negative values are not allowed.
<percentage> : Specifies the left padding as a percentage of the width of the containing block. Negative values are not allowed
initial : Sets the default value.
inherit : Inherits the value from parent element.
A simple example is given below.
The following example shows giving left padding using percentage value.
In the above demo, the left padding values of the two paragraphs are given as 5% of the widths of their respective parent elements. For the first paragraph, the width of the parent div is 400px whereas it is 700px for the parent div of the second paragraph. As a result, the left padding of the first paragraph is lesser than that of the second.
This property is supported in all the major browsers. Versions of IE for Windows upto 7 don't support the value