what is padding in development? code example
Example 1: padding
/* Individual Padding */
padding-top: 1px; // just top padding
padding-right: 2px; // just right padding
padding-bottom: 3px; // just bottom padding
padding-left: 4px; // just left padding
/* Shorthand padding */
padding: 25px 50px 75px 100px;
/*top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px*/
padding: 25px 50px 75px;
/*top padding is 25px
right and left paddings are 50px
bottom padding is 75px*/
padding: 25px 50px;
/*top and bottom paddings are 25px
right and left paddings are 50px*/
padding: 25px;
/*all four paddings are 25px*/
Example 2: padding
Padding is how much an element is away from itself —
how much distance an element wants to keep with the elements inside it.