<style> body { counter-reset: section; } .counter { counter-reset: subsection; font-weight:bold; } .counter::before { counter-increment: section; content: "Volume " counter(section) " ✅"; } .counter1::before { counter-increment: subsection; content: counter(section) "." counter(subsection) "- ";} </style> <p class="counter"></p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter"></p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter"></p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p> <p class="counter1">Enample Text</p>