CodePen

HTML

            
              
<ol>

  <li>Title
    <p>dasdsadsa</p>
    <ol>
      <li>Sub-Sentence</li>
      <li>Sub-Sentence</li>
    </ol>
  </li>

</ol>
            
          
!
via HTML Inspector

CSS

            
              ol{ 
	counter-reset: listing ;
}
li { 
	display: block ;
}
li:before { 
	content: counters(listing, ".") " "; 
	counter-increment: listing ;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................