In HTML5, you can use h1
elements inside section
elements to define your structure:
<section>
<h1>Blah</h1>
<p>Asdf asdf...</p>
<section>
<h1>Bleh</h1>
<p>Asdf again...</p>
</section>
</section>
<section>
<h1>Another header</h1>
<p>Qwerty...</p>
</section>
It is harder to apply styles to it (because you would need to rely on classes or a mess of section>section>h1
CSS selectors), but I think is the easiest way to solve your problem.