Teach with us

CSS padding property

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>
Samual Sam
Samual Sam

Learning faster. Every day.

Updated on 31-Jan-2020 06:56:55

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements