.icon-box-counter-wrapper {
counter-reset: icon-counter; /* Initialize counter */
}
.icon-box:before {
counter-increment: icon-counter; /* Increment counter */
content: counter(icon-counter); /* Display counter */
display: inline-block;
background: #0062AD;
color: white;
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
line-height: 25px;
margin-right: 10px;
font-size: 14px;
font-weight: bold;
}
✅ Pros: No JS, no plugins, works automatically.
❌ Cons: Requires structured HTML (all icon boxes must be inside the same container).
About the Author
