Home > Article > Web Front-end > Set the left, right, top, and bottom padding of an element
Set the left, right, top, and bottom padding of an element
- PHPzforward
- 2023-08-25 18:05:021508browse
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>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!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：How to create a toggle using HTML and CSS?Next article：How to create a toggle using HTML and CSS?