div,p 태그에 list-style-type 적용 시키기

CSS의 list-style-type은 일반적으로 ul요소에 적용이 됩니다.

그러나 디자인을 하다보면 문단이나 목록을 꼭 ul을 사용하기 어려울 때가 있습니다.

그때 list-style-type을 div,p 태그에 사용하는 팁을 드립니다.

모든 HTML문서는 요소에 CSS 속성을 설정할 수 있습니다. (설정되어 있지 않은 경우, 정의 된 초기 값을 값으로 보여짐)

방법은 아주 간단합니다. 

div {
  display: list-item;  
  margin-left: 1em;
  list-style-type: disc;   
}

위의 예제와 같이 태그에 display: list-item을 선언하여 list-style-type성질을 부여합니다.

그 후 list-style-type의 속성을 부여하면 됩니다.