Full Example of HTML CSS Margin
Use of CSS border and margin properties:
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
p {
border: 2px solid powderblue;
margin: 50px;
}
</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:
| 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 |
| Full Example of The HTML <script> Tag | HTML Styles |
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Styles |
Uploaded by: | Admin |