Why does the initial p close automatically? : <p><code>p1</code> appears to be an empty <code>p</code> and the rest is displayed separately when I inspect in Google Chrome. Why would the initial automatically close? I've checked whether the tags are closed right.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p id=p1 style="display:none"&gt;
	&lt;p&gt;
		&lt;b&gt;You have French (8a) on:&lt;/b&gt;
		&lt;ul&gt;
			&lt;li&gt;
				&lt;b&gt;Monday&lt;/b&gt; at 09:45:00 for 01:30:00
			&lt;/li&gt;
			&lt;li&gt;
				&lt;b&gt;Thursday&lt;/b&gt; at 12:00:00 for 01:30:00
			&lt;/li&gt;
		&lt;/ul&gt; and have a grade of 8/10.
	&lt;/p&gt;
&lt;/p&gt;</code></pre>
</div>
</div>
</p>
