html 과 css의 관계 기본 9편 / 간단한 풀다운 메뉴와 position 2

 

 

<nav>
	<ul>
		<li><a href="#">메뉴 아이템 1</a></li>
		<li><a href="#">메뉴 아이템 2</a></li>
	</ul>
</nav>

nav, ul, li{
	list-style;none;
	padding:0;
	margin:0;
}

a{
	color:inherit;
	text-decoration:inherit;
}

ul li {
	display:inline-block;
	background-color:gold;
}

ul {
	background-color:blue;
	text-align:center;
	bordere-radius:5px;
	padding:10px;
	display:inline-block;
}

nav {
	text-align:center;
}

결과.

정리.