title: Error with HTML (Javascript)
body: <p>I'm trying to setup some html within javascript but it doesn't render properly.  See the below code (not included are the variables which are throughout the code).</p>
  
  <p>Any idea where I went wrong...have been looking at this for a while to no avail!</p>
  
  <pre><code>    var html = '&lt;html style="background-color:#f5f5f5;"&gt;&lt;style&gt;.content { padding: 0 0 0 110px; position: relative; } .content img { left: 0; position: absolute; top: 0; }&lt;/style&gt;
      &lt;body&gt;&lt;div class="centered" style=".centered { padding: 20px 35px 20px 31px;}"&gt;&lt;div class="content"&gt;
      &lt;img  height="80px;" width="80px;" src='+ URL + ' /&gt;&lt;b&gt;&lt;p&gt;' + student + ' | ' + school + ' | ' + city + ', ' + state + '&lt;/p&gt;&lt;/b&gt;&lt;p&gt; ' + message + ' &lt;/p&gt;&lt;br&gt;&lt;br&gt;&lt;a href="http://www.yoursite.com/invite.php?id=' + eventID + '" &gt;' + '&lt;button style="font-size: 16; background-color: #ff0000; border: none; color: white; width: 200px; height: 40px; margin-left: auto; margin-right: auto; display: block; "&gt;Sponsor ' + firstName + ' &lt;/button&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr&gt;&lt;p align="center"&gt;Copyright 2015&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;'    
  </code></pre>