The margin-top property

The margin-top property sets a margin at the top of an element. The value of the property is any size units or the key property auto, which allows the browser to independently calculate the element margin.

Syntax

selector {
	margin-top: value;
}

Example

Let's give the block the 50px top margin:

<div id="parent">
	<div id="elem"></div>
</div>

#parent {
	border: 1px solid green;
	display: inline-block;
}
#elem {
	margin-top: 50px;
	border: 1px solid red;
	width: 100px;
	height: 100px;
}

The margin-top property

Syntax

Example

See also