<h1>운동 순서</h1>
<ol>
  <li>전신 스트레칭</li>
  <li>워밍업</li>
  <li>근력 운동
    <ol>
      <li>상체</li>
      <li>하체</li>
    </ol>
  </li>
  <li>유산소</li>
  <li>전신 스트레칭</li>
</ol>
ol{
  /* 구현 할 conuter의 초기값 지정 */
  counter-reset: list;
  list-style: none;
}

li::before{
  /* 카운터 값을 1씩 증가시킨다. */
  counter-increment: list;
  /* 카운터 값을 표시한다. */
  content: counters(list, "-") " ";
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.