Horje
How to create HTML CSS Padding

The CSS padding property defines a padding (space) between the text and the border.


Full Example of HTML CSS Padding

Use of CSS border and padding properties:
index.html
Example: HTML
<!DOCTYPE html>
<html>
<head>
<style>
p {
  border: 2px solid powderblue;
  padding: 30px;
}
</style>
</head>
<body>

<h1>This is a heading</h1>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

Output should be:

Full Example of HTML CSS Padding



Related Articles
What is HTML Styles HTML Styles
How to create HTML Style Attribute HTML element HTML Styles
How to change body Background Color HTML Style HTML Styles
How to change Background Color of <h1> and <p> Elements HTML Styles
How to change Text Color HTML Styles
How to change Fonts Family of Text with HTML <h1> <p> HTML Styles
How to change Text Size with HTML <h1> and <p> HTML Styles
How to create Text Alignment HTML Styles
How to create HTML CSS Border HTML Styles
How to create HTML CSS Padding HTML Styles
How to create HTML CSS Margin HTML Styles

Single Articles
Full Example of HTML CSS PaddingHTML Styles

Read Full::
HTML Styles
Category:
Web Tutorial
Sub Category:
HTML Styles
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
2
Ref on:
View



Share on: