Auto increment Number inside 'span' tag Boostrap : Below is the code that I am going to use,

	{{#each tasks}}
		<span class="label label-default css-serial"></span>
	{{/if}}

I want auto serial number to be generated inside the span tag just like below.

[![enter image description here][1]][1]

I am trying to acheive it using css with below code.

	.css-serial {
	  counter-reset: serial-number;  /* Set the serial number counter to 0 */
	}
	.css-serial {
	  counter-increment: serial-number;  /* Increment the serial number counter */
	  content: counter(serial-number);  /* Display the counter */
	}

I am missing the element mapping, that's it! any help would be deeply appreciated.


  [1]: https://i.stack.imgur.com/Pv9rL.png