CODEWITHSUNDEEP
htmlcss
罗文睿
罗文睿

Reputation: 25

Order List marker

Hi is it possible to start my marker on second element of my list.

Current

<ol>
<li>some image <a>some link</a></li>
<li>some image <a>some link</a></li>
<li>some image <a>some link</a></li>
</ol>

Wanted

<ol>
<li>some image  1.<a>some link</a></li>
<li>some image 2.<a>some link</a></li>
<li>some image 3.<a>some link</a></li>
</ol>

Do advise me thank you.

Upvotes: 2

Views: 56

Answers (1)

Temani Afif
Temani Afif

Reputation: 273389

Create you own marker:

ol {
  list-style:none;
  counter-reset:num;
}
ol li a::before {
  content:counter(num) ". ";
  counter-increment:num;
}
<ol>
  <li>some image <a>some link</a></li>
  <li>some image <a>some link</a></li>
  <li>some image <a>some link</a></li>
</ol>

Upvotes: 2

Related Questions