p {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 15px;
margin-left: 8px;
}
/* You can also write the above code in one line */
p{
margin: 10px 15px 10px 8px; /* top | right | bottom | left */
}
div.one {
margin: 20px; /* All around */
}
div.two {
margin: 20px 10px; /* vertical | horizontal */
}
div.three {
margin: 20px 10px 30px; /* top | horizontal | bottom */
}
div.four {
margin: 20px 10px 30px 40px; /* top | right | bottom | left */
}
margin-left: 10px;
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
}
#blockOrInline-Block {margin: 0px/*top*/ 0px/*right*/ 0px/*bottom*/ 0px/*left*/;}
margin-left:20 px;
margin: <margin-top> || <margin-right> || <margin-bottom> || <margin-left>
/* shorthand margin*/
.box {
margin: 20px;
}
/* The same margin written longhand */
.box {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
}
margin: 10px 15px 10px 8px; /* top | right | bottom | left */