CSS counter-reset property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
body {
    /* Set "my-sec-counter" to 0 */
    counter-reset: my-sec-counter;
}
    h2::before {
    /* Increment "my-sec-counter" by 1 */
    counter-increment: my-sec-counter;
    content: "Section " counter(my-sec-counter) ". ";
}
</style>
</head>
<body>
    <h2>HTML Tutorial</h2>
    <p>HTML learning</p>
    <h2>CSS Tutorial</h2>
    <p>CSS learning</p>
    <h2>JavaScript Tutorial</h2>
    <p>JavaScript learning</p>
    <h2>Bootstrap Tutorial</h2>
    <p>Bootstrap learning</p>
    <h2>SQL Tutorial</h2>
    <p>SQL learning</p>
    <h2>PHP Tutorial</h2>
    <p>PHP learning</p>
</body>
</html>