Horje

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



Single Articles
Full Example of HTML CSS PaddingHTML Styles


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

Type:
Html
Category:
Web Tutorial
Sub Category:
HTML Styles
Uploaded by:
Admin



Share on: