<html>
<head>
<style type="text/css">
p {counter-increment: par-num}
h1 {counter-reset: par-num}
p:before {content: counter(par-num, upper-roman) ". "
}
</style>
</head>
<body>
    <h1>Html Heading</h1>
    <p>fzz</p>
    <h1>Html Heading</h1>
    <p>fzz</p>
    <h1>Html Heading</h1>
    <p>todo this doesn't work.</p>
</body>
</html>