ol ul li 넘버 리스트 첫줄만 들여쓰기 하는법

CSS에 list-style-position: inside 속성 넣으면 됨. 괜히 margin 넣고 text-indent 넣고 뻘짓했네.

얘제 보여줌

↓ 코드

<ol class="ex-ol">
 <li>ol ul li 넘버 리스트 첫줄만 들여쓰기 하는법<br>
 list-style-position:inside 속성을 넣는다<br>
 그럼 넘버나 점 같은 list style이 알아서 들어오니까 결과적으로 들여쓰기가 됨</li>
 <li>↑ 그렇지?</li>
</ol>

<style>.ex-ol{list-style-position:inside}</style>

↓ 이렇게 보임

  1. ol ul li 넘버 리스트 첫줄만 들여쓰기 하는법
    list-style-position:inside 속성을 넣는다
    그럼 넘버나 점 같은 list style이 알아서 들어오니까 결과적으로 들여쓰기가 됨
  2. ↑ 그렇지?

나머지 디테일은 ol li에 margin 값을 주던가 해서 조절하면 됨.

모바일 환경에선 특히나 화면 좁아 죽겠는데 ol ul li 들이 공간 겁나 차지하면 하나도 안보이고 불편하니까 반드시 ㄱ