Skip to content

HTML OL Type=A, Start=B ?

How can we display a continuous list of tag <OL> with TYPE="A"? Should we use START="B" or START="C"?

Let's see the case.

<p>Good fruits are healthy to our body, for example:</p>
<ol type="A">
  <li>Apple</li>
  <li>Orange</li>
</ol>
<p>For having more vitamin C, there's more:</p>
<ol type="A" start="C">
  <li>Cherry</li>
  <li>Guava</li>
</ol>

In the above, the second list tries to join the first lists, but the result is not so satisfying.

Good fruits are healthy to our body, for example:

  1. Apple
  2. Orange

For having more vitamin C, there's more:

  1. Cherry
  2. Guava

It seems that we can't use START="C"! Then what would be the proper way for a continuous list? The key is that going back to numbering.

Since tag <OL> is an ordered list with numbering system, so we should not use START="C", we should use START="3" instead.

<p>Good fruits are healthy to our body, for example:</p>
<ol type="A">
  <li>Apple</li>
  <li>Orange</li>
</ol>
<p>For having more vitamin C, there's more:</p>
<ol type="A" start="3">
  <li>Cherry</li>
  <li>Guava</li>
</ol>

Let's see the result.

Good fruits are healthy to our body, for example:

  1. Apple
  2. Orange

For having more vitamin C, there's more:

  1. Cherry
  2. Guava

Problem solved.

In fact, the attribute START of tag OL accepts only an integer value.

Leave a Reply

Your email address will not be published. Required fields are marked *