<body>
	패딩(padding)
	<br />
	<div id="div1_1">
		<div id="div1_2" class="orange">
			<div id="div1_3" class="yellow">
				<div id="div1_4" class="green">cc</div>
			</div>
		</div>
	</div>
	<br />
	<br />
	보더(border)
	<br />
	<div id="div2_1">
		<div id="div2_2" class="orange">
			<div id="div2_3" class="yellow">
				<div id="div2_4" class="green">cc</div>
			</div>
		</div>
	</div>
	<br />
	<br />
	인나인 블럭(inline-block)
	<br />
	<div id="div3_1">
		<div id="div3_2" class="orange">
			<div id="div3_3" class="yellow">
				<div id="div3_4" class="green">cc</div>
			</div>
		</div>
	</div>
</body>
.red {background: #ff0000;}
		.orange {background: #FF6600;}
		.yellow {background: #FFFF00;}
		.green  {background: #00CC00;}
		.blue   {background: #0033FF;}
		.indigo {background: #003399;}
		.violet {background: #9933FF;}

		#div1_1 > div
		, #div1_1 > div > div
		, #div1_1 > div > div > div {
			padding:1px;
		}
		
		#div1_1 {
			width:300px;
			border: double #24d76f;
		}
		#div1_2 {
			margin: 20px;
		}
		#div1_3 {
			margin: 20px;
		}
		#div1_4 {
			height:150px;
			margin: 20px;
		}


		#div2_1 > div
		, #div2_1 > div > div
		, #div2_1 > div > div > div {
			border: 1px solid rgba(0, 0, 0, 0);
		}

		#div2_1 {
			width:300px;
			border: double #24d76f;
		}
		#div2_2 {
			margin: 20px;
		}
		#div2_3 {
			margin: 20px;
		}
		#div2_4 {
			height:150px;
			margin: 20px;
		}


		#div3_1 > div
		, #div3_1 > div > div
		, #div3_1 > div > div > div {
			display:inline-block;
		}

		#div3_1 {
			width:300px;
			border: double #24d76f;
		}
		#div3_2 {
			margin: 20px;
		}
		#div3_3 {
			margin: 20px;
		}
		#div3_4 {
			height:150px;
			margin: 20px;
		}
Rerun