CSS:list-style-position

ul.a {
    list-style-position: outside;
}

ul.b {
    list-style-position: inside;
}

CSS : list-style-position

이 list-style-postion속성은 목록 항목 마커(글 머리 기호)의 위치를 지정합니다.

속성

list-style-position: inside|outside|initial|inherit

• inside : 글 머리 기호가 목록 항목 안에 있음을 의미합니다. 목록 항목의 일부이므로 텍스트의 일부가 되며 시작 부분에 텍스트가 표시됩니다.
• outside :글 머리 기호가 목록 항목 외부에 있음을 의미합니다. 목록 항목의 각 행의 시작은 세로로 정렬됩니다.
• initial :이 속성을 기본값으로 설정합니다.
• inherit :상위 요소에서 이 속성을 상속합니다.