Margin in CSS

HTML

CSS

Java Script

Margin is the property of an element which is used to create space around element

CSS has property for specifying the margin for each side of element.

margin-top
margin-right
margin-bottom
margin-left

<!DOCTYPE>
<html>
<style>
.line1{
border-style:solid;
border-color:green;
margin-top:100px;
margin-bottom:100px;
margin-right:150px;
margin-left:80px;
}
</style>
<body>
<p class="line1">Hello World! Welcome to Sharp Tutorial.</p>
<p class="line2">Learn with us CSS in few hours.</p>
</body>
</html>

We can also give all values in single line

<!DOCTYPE>
<html>
<style>
.line1{
border-style:solid;
border-color:green;
margin:100px 100px 150px 80px;
}
</style>
<body>
<p class="line1">Hello World! Welcome to Sharp Tutorial.</p>
<p class="line2">Learn with us CSS in few hours.</p>
</body>
</html>

If margin have one value then all values will be same.
If margin have two values then first value will be for margin-top & margin-bottom and second value will be for margin-right & margin-left.
If margin have three values then first value will be for top value, second value will be for margin-right & margin-left and third value will be for margin-bottom.

Python

Java

C

C++

HTML/CSS

Java Script

PHP

SQL

C Programs

Margin in CSS

Video/ C Introduction