보통 순서가 있는 목록 = Ordered List 는 아래와 같이 표현되죠.
[ 예시 1 ]
<ol>
<li>첫번째</li>
<li>두번째</li>
<li>세번째</li>
<li>네번째</li>
<li>다섯번째</li>
</ol>
- 첫번째
- 두번째
- 세번째
- 네번째
- 다섯번째
<li> 태그에 width나 height를 넣으면 이상한 현상이 나타납니다.
아마도 IE 7 , IE 6 에서 보는 분들은
[ 예시 1 ] 과 다른 모습을 볼 수 있을 것입니다.
[ 예시 2 ]
li {
height: 20px;
}
- 첫번째
- 두번째
- 세번째
- 네번째
- 다섯번째
[ 해결방법 ]
display: list-item; 을 추가해주면 됩니다.
li {
display: list-item;
height: 20px;
}
- 첫번째
- 두번째
- 세번째
- 네번째
- 다섯번째
(언제나 신기한 IE.)
Posted by mkyoon
