중첩 li 띄어쓰기

[jangxyz]

리스트아이템(li) 안에 또 리스트아이템(li)이 중첩될 때, multiparagraph로 표현하는 경우에 CSS가 틀어지는 경우가 있습니다.

예:

* 첫번째 아이템

    1. 중첩 아이템1
    2. 중첩 아이템2

* 두번째 아이템

다음의 두 그림을 비교해주세요 (왼쪽이 현재, 오른쪽이 수정안):

이는 margin-top, margin-bottom이 li > p 에만 적용이 되어 있고, li > ol, li > ul에는 적용이 안되어 있기 때문입니다.

따라서 이에 대한 해결책으로 article .body li 아래에 있는 p, ul, ol 모두에게 margin을 적용해주는 것이 맞다고 봅니당.

14px은 어디서 정의된건지 모르겠네요. 어쩌면 1em일지도 모르겠습니ㅏ.