Which of these is the proper way to nest the and
tags, and what is your reasoning behind it?
<article>
<h1>Some Title</h1>
<p>Here's some text and whatnot.</p>
<p>Here's another paragraph filled with other text and other whatnots.</p>
</article>
<div class="post">
<h1>Here's a Really Awesome Title</h1>
<article>
<p>Here's a paragraph with text and whatnot.</p>
<p>And here's another paragraph. I think this one is pretty awesome too.</p>
</article>
</div>
Opinions seem mixed about this, and I'm not 100% which is the correct answer.