Why can't I use a heading tag inside a p tag and style it with CSS?
<p>Here is my code:</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;style&gt;
              div p h1 {
                  background-color: red;
              }
       &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div&gt;
            &lt;p&gt;&lt;h1&gt;hello2&lt;/h1&gt;&lt;/p&gt; 
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>