Nest html tags inside html

Viewed 10022

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.

So the general structure looks like this:

<html>
    <body>
         <form>
              <!-- Form to enter email here -->
         </form>
         <div>
              <!-- Email preview here -->
              <html>
                   <!-- Email content, updated everytime user types something --->
              </html>
         </div>
    </bod>
</html>

However, simply using the html tags inside the html document itself seems to confuse every browser - also, it doesn't seem very clean.

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.

How can I do that in a valid, clean way?

2 Answers
Related