The padding property sets the left, right, top and bottom padding (space) of an element.
Example
You can try to run the following code to implement padding property.
<html> <head> </head> <body> <p style = "padding: 25px; border:2px solid orange;"> All four padding will be 25px </p> <p style = "padding:20px 4%; border:2px solid red;"> Top and bottom padding will be 20px, left and right padding will be 4% of the total width of the document. </p> <p style = "padding: 15px 3% 10px; border:1px solid maroon;"> Top padding will be 15px, left and right padding will be 3% of the total width of the document, bottom padding will be 10px </p> </body> </html>