title: Nest html tags inside html
body: <p>I am building a platform where people can send emails - to display a preview of the emails, I use a div below the form where they can type the message.</p>
  
  <p>So the general structure looks like this:</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
           &lt;form&gt;
                &lt;!-- Form to enter email here --&gt;
           &lt;/form&gt;
           &lt;div&gt;
                &lt;!-- Email preview here --&gt;
                &lt;html&gt;
                     &lt;!-- Email content, updated everytime user types something ---&gt;
                &lt;/html&gt;
           &lt;/div&gt;
      &lt;/bod&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>However, simply using the html tags inside the html document itself seems to confuse every browser - also, it doesn't seem very clean.</p>
  
  <p>Since the email that is sent will be a whole html document of its own, it would be the easiest to just put all that inside the div.</p>
  
  <p>How can I do that in a valid, clean way?</p>