Horje
How to create HTML CSS Margin

The CSS margin property defines a margin (space) outside the border.


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:

Full Example of HTML CSS Margin




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

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



Share on: