html 과 css의 관계 기본 6편 / CSS 로 list 꾸미기 (1)

<h2>1번</h2>
<!-- 1. li나 ol이 없는 ul 태그 안 리스트일 경우 -->
<ul>
	과일
  채소
	라면
	고기
</ul>

<h2>2번</h2>
<!-- ul 태그로 감싸지 않은 li 태그의 경우 -->

	<li>과일</li>
	<li>채소</li>
	<li>라면</li>
	<li>고기</li>

<h2>3번</h2>
<!-- ul 태그로 감싸지 않은 ol 태그의 경우 -->
	<ol>과일</ol>
	<ol>야채</ol>
	<ol>채소</ol>
	<ol>라면</ol>

<h2>4번</h2>
<!-- ul 태그로 감싼 li 태그의 경우 -->
<ul>
	<li>과일</li>
	<li>야채</li>
	<li>채소</li>
	<li>라면</li>
</ul>


<h2>5번</h2>
<!-- ul 태그로 감싼 oi 태그의 경우 -->
<ul>
	<ol>과일</ol>
	<ol>야채</ol>
	<ol>채소</ol>
	<ol>라면</ol>
</ul>

결과