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 | HTML Styles |
| 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 |