CSS margin-top property

Description

It is a longhand property that represents margin area above the top border of the box i.e. the influencing range above the box.

Syntax

margin-top : length

Property values

lengthDefault 0: There is no thickness of the margin area on the top side of the border box.; margin-top: 0;
Try it
+ve length 20: There is 20px space on the top side of the box.; margin-top: 20px;
Try it
-ve length -20: The space on the top side of the border decreases by 20px i.e. it may move upwards.; margin-top: -20px;
Try it

Applicable to

It applies to all elements

Preview

Code

CSS

.parent{
width:150px;
height:150px;
border:1px solid red;
}

HTML

<div class="parent">
 It is a longhand property that represents margin area above the top border of the box i.e. the influencing range above the box.
 </div>