구조 나누기

 
      
body {
	margin: 50px;
	font-family: monospace;
}

header {
	background-color: #D09E88;
	text-align: center;
	padding: 20px;
}

nav {
	background-color: #9B8281;
	text-align: right;
	list-style-type: none;
}

nav>ul {
	display: inline-block;
	list-style-type: none;
}
nav>ul>li>a{
	text-decoration: none;
}
nav>ul>li {
	float: right;
	padding-right: 20px;
}

article {
	float: left;
	height: 300px;
	background-color: #FADAD8;
	width: 70%;
}

aside {
	float: left;
	width: 30%;
	height: 300px;
	background-color: #534847;
	color: white;
}

footer {
	clear: both;
	text-align: center;
	background-color: #D09E88;
	padding: 20px;
}
 
 

header nav article aside footer