{ 모든 HTML 요소는 box모양으로 구성 }
1.margin-top : 위쪽 바깥 여백
2.margin-right : 오른쪽 바깥 여백
3.margin-bottom : 아래쪽 바깥 여백
4.margin-left : 왼쪽 바깥 여백
<style>
div {
width: 200px;
height: 200px;
}
#red {
background-color: red;
}
#blue {
background-color: blue;
margin-left : 200px;
}
#green {
background-color: green;
margin-left : 400px;
}
#gray {
background-color: gray;
margin-left : 600px;
}
</style>
<body>
<div id="red"></div>
<div id="blue"></div>
<div id="green"></div>
<div id="gray"></div>
</body>
