HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <style> body{ /* Set "myCounter" to 0 */ counter-reset: myCounter; } p::before{ counter-increment: myCounter; content: "Paragraph " counter(myCounter) ": "; font-weight:bold; font-size:17px; } </style> </head> <body> <h1>CSS counter-reset Property</h1> <p>This is paragraph</p> <p>This is paragraph</p> <p>This is paragraph</p> <p><strong>Note</strong>: Try to remove counter-reset property.</p> </body> </html>
OUTPUT
×

Save as Private