Escaping h outline

Question

So I’ve been trying to figure out what is the best way to add content after a being hooked to a lower level title.

 
  
Title of Section&         


        

Answer 1

Use sectioning content elements (section, article, aside, nav) explicitly, which is what the HTML5 spec recommends anyway:

Authors are also encouraged to explicitly wrap sections in elements of sectioning content, instead of relying on the implicit sections generated by having multiple headings in one element of sectioning content.

So your snippet could look like:

 
  
Title of Section
  
  
    
Related 1
  
  
  
    
Related 2
  
  
I NEED THIS TO BE PART OF H1

The p element is now in scope of the heading "Title of Section".

(Instead of section, consider if one of the other three sectioning content elements is appropriate, e.g., aside.)