<!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-increment Property</h1>
<p>This is paragraph</p>
<p>This is paragraph</p>
<p>This is paragraph</p>
</body>
</html>