Thuộc tính margin-left

Thuộc tính margin-left thiết lập khoảng cách bên ngoài bên trái của phần tử. Giá trị của thuộc tính có thể là bất kỳ đơn vị kích thước nào hoặc giá trị đặc biệt auto, cho phép trình duyệt tự động tính toán khoảng cách của phần tử.

Cú pháp

bộ_chọn {
	margin-left: giá_trị;
}

Ví dụ

Hãy đặt khoảng cách bên ngoài bên trái cho khối là 50px:

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

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

Xem thêm

thuộc tính margin-top,
thiết lập khoảng cách bên ngoài phía trên
thuộc tính margin-bottom,
thiết lập khoảng cách bên ngoài phía dưới
thuộc tính margin-right,
thiết lập khoảng cách bên ngoài bên phải
thuộc tính margin,
là cách viết tắt cho khoảng cách bên ngoài
thuộc tính padding,
thiết lập khoảng cách bên trong