Margin Top: основы и правила настройки для лучшего вертикального выравнивания

Margin top (верхнее отступление) — это свойство CSS, которое определяет расстояние между верхним краем элемента и его родительским элементом или предыдущим элементом. Если элемент не имеет верхнего соседа или родителя, то margin top не будет иметь никакого влияния на расположение элемента.

Пример использования margin top:

html



	


	

		
Пример использования margin top
	

В этом примере мы создаем блок div с классом "box" и устанавливаем для него margin-top: 50px. Это означает, что расстояние между верхним краем блока и расположенным выше элементом будет составлять 50 пикселей. Кроме того, внутри блока мы создали абзац с текстом "Пример использования margin top".

Если мы изменим значение margin-top на 100px, то расстояние между блоком и предыдущим элементом увеличится:

css
.box {
	width: 200px;
	height: 200px;
	background-color: #eee;
	margin-top: 100px;
}

В результате мы получим следующее:


Таким образом, свойство margin top позволяет задавать вертикальные отступы между элементами и определять их расположение на странице.