Community Learn Tools Library Leisure

English

Home > Web Front-end > CSS Tutorial > Set the left, right, top, and bottom padding of an element

Set the left, right, top, and bottom padding of an element

PHPz

Release： 2023-08-25 18:05:02

forward

1580 people have browsed it

Set the left, right, top, and bottom padding of an element

padding attributes set the left, right, top, and bottom padding of the element. You can try running the following code to implement the padding property.

Example

<html>
   <head>
   </head>
   <body>
      <p style = "padding: 25px; border:2px solid orange;">
         This is a paragraph.
      </p>
      <p style = "padding:20px 4%; border:2px solid red;">
         This is another paragraph.
      </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>

Copy after login

The above is the detailed content of Set the left, right, top, and bottom padding of an element. For more information, please follow other related articles on the PHP Chinese website!

source：tutorialspoint.com

Previous article：How to create a toggle using HTML and CSS? Next article：Hide elements from view using CSS

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn