Правильно ли будет так пронумеровать подзаголовки?

Question

[toyvo_glumov]

Относительно моего предыдущего вопроса по поводу некорректности нумерации подзаголовков отдельно с помощью <ol> списков.

Правильно ли будет пронумеровать подзаголовки таким образом:

<div class="listheader">
<h2>Подзаголовок</h2>
<p>Lorem Ipsum</p>
<h2>Подзаголовок</h2>
<p>Lorem Ipsum</p>
<h2>Подзаголовок</h2>
<p>Lorem Ipsum </p>
</div>

.listheader {
  counter-reset: point;  
}

.listheader h2 {
  position: relative; 
  padding-left: 2em;
  margin: 1em;
  line-height: 2em;
}

.listheader h2:before {
  content: counter(point);
  counter-increment: point 1; 
  font: bold 100%/2 Verdana, Arial, Helvetica, sans-serif;
  position: absolute;
  left: -.5em;
  background: #444;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}

https://jsfiddle.net/1gkwx0v6/

Answer 1

[Aigelov]

Если работает исправно, в таком случае можете не беспокоится.
На всякий случай можете посмотреть stackoverflow.com/questions/10405945/html-ordered-..., та же тема, что вам нужно и есть пример внутри jsfiddle.net/qGCUk/4