Padding in css

Padding is the property which defines the how many area inside the element will not be usable for inner content.

Effects of padding

after adding the padding property to the element , the size of element increases as much as padding size.

Where it's useful

in the elements like button , input etc. , padding helps to increase the size of element so the text inside element looks good.

How to apply

in css

element{
    padding:2px;
}

in html

<element style="padding:5px">the text</element>