padding for an html code example
Example 1: padding for text in html
div {
/*Padding for text from the top*/
padding-top: 50px;
/*Padding for text from the right*/
padding-right: 30px;
/*Padding for text from the bottom*/
padding-bottom: 50px;
/*Padding for text from the left*/
padding-left: 80px;
/*If you want to add same amout of padding to all sides use padding*/
padding: 100px;
}
Example 2: 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*/