Padding (in space)

By using this property you can set distance between element borders and it’s content. Use following syntax:

• padding-<top/left/right/bottom>: <value>;

• padding: <value for all sides>;

• padding: <top and bottom> <left and right>;

• padding: <top> <left and right> <bottom>;

• padding: <top> <right> <bottom> <left>.

Available values:

• px, cm, em, % etc;

• inherit - take the same value as the parent;

%%HTML
<div style="margin: 20px 40%; padding: 15px; border:solid">
    <div style="padding: 50px;border:solid"> I have 50px padding</div>
    <div style="padding: inherit;border:solid"> I have inherited padding</div>
    <div style="padding: 30px 40%;border:solid"> I have 30px 40% padding</div>
</div>

I have 50px padding

I have inherited padding

I have 30px 40% padding