<body>
	<div id="divParent1">
		<div class="red">가나다</div>
		<div class="orange"></div>
		<div class="yellow">가나다</div>
	</div>
	<div id="divParent2">
		<div class="green">가나다</div>
		<div class="blue"></div>
		<div class="indigo">가나다</div>
		<div class="violet">가나다</div>
	</div>
</body>
.red {background: #ff0000;}
		.orange {background: #FF6600;}
		.yellow {background: #FFFF00;}
		.green  {background: #00CC00;}
		.blue   {background: #0033FF;}
		.indigo {background: #003399;}
		.violet {background: #9933FF;}


		body > div {
			display:inline-block;
		}

		body > div > div  {
			width:50px;
			margin:20px;
			
		}

		#divParent1 {
			border : double #100063;
		}
		#divParent1 > div {
			float:left;
		}

		#divParent2 {
			border : double #00503A;
		}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.