©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>CSS Margin</title>
	<style>
		div {
			background-color: #7FFFD4;
			border: 2px solid teal;
		}
		div.four { margin: 20px 50px 30px 50px; }
		div.three { margin: 20px 50px 30px; }
	</style>
</head>

<body>

	<h1>마진(margin) 영역 설정</h1>
	<div>아무런 margin 속성값도 설정하지 않은 요소입니다.</div><br>
	<div class="four">margin 속성값을 4개로 설정한 요소입니다.</div>
	<div class="three">margin 속성값을 3개로 설정한 요소입니다.</div>
	<p>margin 속성값을 4개로 한 것과 3개로 한 것이 동일한 효과를 내는 것에 주목하세요!</p>

</body>

</html>