©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>CSS Lists</title>
	<style>
		.outside { list-style-position: outside; }
		.inside { list-style-position: inside; }
	</style>
</head>

<body>

	<h1>list-style-position 속성을 이용한 리스트 요소의 위치 설정</h1>

	<p>이 리스트는 위치를 outside로 지정했습니다.(기본설정)</p>
	<ul class="outside">
		<li>사과</li>
		<li>멜론</li>
		<li>바나나</li>
	</ul>
	<br>

	<p>이 리스트는 위치를 inside로 지정했습니다.</p>
	<ul class="inside">
		<li>수박</li>
		<li>참외</li>
		<li>옥수수</li>
	</ul>

</body>

</html>