<html>
<head>
    <title>Example of CSS counter-increment property</title>
</head>
<body>
    <h1>Web Master</h1>
    <h2>HTML + CSS</h2>
    <h2>Photoshop</h2>
    <h2>PHP & MySQL</h2>
  
    <h1>Graphic Design</h1>
    <h2>Photoshop</h2>
    <h2>Illustrator</h2>
    <h2>InDesign</h2>
  
</body>
</html> 
                                		
		body {
			counter-reset: section;
		}
		h1 {
			counter-reset: category;
		}
		h1:before {
			counter-increment: section;
			content: "Kurusus " counter(section) ". ";
		}
		h2:before {
			counter-increment: category;
			content: counter(section) "."                 counter(category) " ";
		}  

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.