Padding

• Padding means maintain the equal amount of space around the content of an element.
• Padding means the pieces of material used to protect something or give it shape.
• Generally, padding means filling,lining and stuffing some content. 

• Syntax for padding in CSS Styles :

           Element name / Tag name

             {

                Padding : 10px  10px  10px  10px ;

             }

         Explanation :

         1.Top padding is 10px

         2.Right padding is 10px

         3.Bottom padding is 10px

         4.Left padding is 10px

Padding properties:

1. Padding-left.
2. Padding-right.
3. Padding-top.
4. Padding-bottom.

Padding-left :

• It applies padding to the left of an element.
• syntax :
            Element name / Tag name
             {
                Padding-left : 10px ;
             }

Padding-right :

• It applies padding to the right side of an element
• syntax :
            Element name / Tag name
             {
                Padding-right : 10px ;
             } 

Padding-top :

• It applies padding to the top of an element.
• syntax :
            Element name / Tag name
             {
                Padding-top : 10px ;
             }

Padding-bottom :

• It applies padding to the bottom side of an element.
• syntax :
            Element name / Tag name
             {
                Padding-bottom : 10px ;
             }

Examples :